Я использовалатрибут содержимого давно и сегодня я хотел попробовать что то новое. Вместо того, чтобы использовать JS для отображения всплывающей подсказки к изображению, я хотел узнать, возможно ли сделать это динамически с помощью CSS.

Итак, я попробовал:

.TableLine:hover:after{
  content: url("../Img/Photo/"attr(id)".jpg"); 
}

гдеattr(id) должен возвращать идентификатор изображения (буквенно-цифровой), который также является именем изображения.

Это не работает вообще, это не имеет никакого эффекта. Я думаю, что блок не анализируется, потому что добавление границы или фона в блок также, кажется, не имеет никакого эффекта.

Когда я просто используюattr(id) один, без URL-адреса, он работает отлично. Это также работает, когда я заменяюattr(id) с реальным названием картины.

После поиска в Интернете я не нашел ничего подходящего, поэтому я здесь. Это известная ошибка или просто моя ошибка? :)