CSS, как заменить все img на их alt и рамку?

есть задачка...
нужно скрыть изображение, его место в тексту должно остаться (допустим visability:hidden)
добавить рамку
вывести alt внутри рамки
Как???
  • Вопрос задан
  • 87 просмотров
Пригласить эксперта
Ответы на вопрос 1
SkiperX
@SkiperX Куратор тега CSS
img {  
    display: block;
    position: relative;
    min-height: 50px;   
}
 img:before {
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    height: calc(100% + 10px);
    width: 100%;
    border: 2px dotted;
    border-radius: 5px;
}
img:after {
    content: " " attr(alt);
    display: block;
    font-style: normal;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 5px;
}

Примерно так
src еще нужно заменить на нерабочие
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы