attr для фона

[PavelTkachev]

Мне нужно путь к фоновой картинке передавать в атрибуте data. Я написал следующее

<article data-i="i/1.png"></article>

article{	background:url(attr(data-i url)) left top no-repeat;}

Но эта конструкция не работает. Какова будет работающая конструкция?

 

Вообще моя задача скрыть от поисковиков картинки в блоках без использования javascript. Поскольку их много, то пришла идея писать путь к картинке в каждом блоке внутри data и передавать её для отображения как фон. Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём.

 

Если с attr не возможно этого добиться, то есть ли иное решение?

Edited February 3, 2016 by PavelTkachev

[rus]

article{	background:url('attr(data-i)') left top no-repeat;}

может так?

[PavelTkachev]

article{	background:url('attr(data-i)') left top no-repeat;}

может так?

 

Так тоже не работает. Может attr из css3 вообще браузерами ещё не поддерживается? В css 2.1 он может использоваться только с content.

[Igor Schnaider]

Mozilla пишет, что кроме content пока не поддерживает ничего.

[rus]

как вариант - можете положить все подобные изображения в определенную папку, а в robots.txt запретить к индексации эту папку.

[PavelTkachev]

как вариант - можете положить все подобные изображения в определенную папку, а в robots.txt запретить к индексации эту папку.

 

Так и поступлю. Спасибо!

[SelenIT]

Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём.

Прошу прощения, можно какой-нибудь пруф на это утверждение? Если эти картинки не сбивающие с толку рекламные надписи, конечно)

[PavelTkachev]

PavelTkachev, on 03 Feb 2016 - 12:23 PM, said: Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём. Прошу прощения, можно какой-нибудь пруф на это утверждение? Если эти картинки не сбивающие с толку рекламные надписи, конечно)

 

Дело не в картинках, а в том, что стили прописаны прямо в html-тегах, а не вынесены за его пределы в отдельный css-файл. Это не соответствует рекомендациям, написанным в документации и Яндекса и Google. Потому я и подозреваю, что понизят.