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

есть задачка...
нужно скрыть изображение, его место в тексту должно остаться (допустим visability:hidden)
добавить рамку
вывести alt внутри рамки
Как???
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
SkiperX
@SkiperX
Frontend
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 еще нужно заменить на нерабочие
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Biganto Москва
от 130 000 до 130 000 руб.
Soft Media Int. Пенза
от 125 000 до 225 000 руб.
14 авг. 2018, в 18:01
12000 руб./за проект
14 авг. 2018, в 17:33
5000 руб./за проект
14 авг. 2018, в 16:33
1000 руб./за проект