Css Content, Attr и Url в одном предложении
Я использовалатрибут содержимого давно и сегодня я хотел попробовать что то новое. Вместо того, чтобы использовать JS для отображения всплывающей подсказки к изображению, я хотел узнать, возможно ли сделать это динамически с помощью CSS.
Итак, я попробовал:
.TableLine:hover:after{
content: url("../Img/Photo/"attr(id)".jpg");
}
гдеattr(id)
должен возвращать идентификатор изображения (буквенно-цифровой), который также является именем изображения.
Это не работает вообще, это не имеет никакого эффекта. Я думаю, что блок не анализируется, потому что добавление границы или фона в блок также, кажется, не имеет никакого эффекта.
Когда я просто используюattr(id)
один, без URL-адреса, он работает отлично. Это также работает, когда я заменяюattr(id)
с реальным названием картины.
После поиска в Интернете я не нашел ничего подходящего, поэтому я здесь. Это известная ошибка или просто моя ошибка? :)