Css Content, Attr и Url в одном предложении

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

Я попробовал:

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

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

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

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

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