Border-radius для img vs Opera

[SelenIT]

Да нет, он-то (attr в смысле) как раз старый... но нарочно его урезали, гады:

This function returns as a string the value of attribute X for the subject of the selector. The string is not parsed by the CSS processor.

Т.е. тупо вывести можно, а использовать — фиг. Почему-то CSS мне всё меньше и меньше нравится...

[psywalker]

Да нет, он-то (attr в смысле) как раз старый... но нарочно его урезали, гады:

This function returns as a string the value of attribute X for the subject of the selector. The string is not parsed by the CSS processor.

Т.е. тупо вывести можно, а использовать — фиг. Почему-то CSS мне всё меньше и меньше нравится...

Т.е. он тупо для чтения, да?

А покажи плиз с ним рабочий пример.

[SelenIT]

Из попадавшихся мне и притом практичных — например, вывод href ссылок в версии для печати:

@media print {
   a:after { content: ' (' attr(href) ') '; } 
}

[psywalker]

Из попадавшихся мне и притом практичных — например, вывод href ссылок в версии для печати:

@media print {
   a:after { content: ' (' attr(href) ') '; } 
}

Ага, сппасибо. Но странно. Почему же не пашет для фона? Ведь по сути ты также это вставляешь в него?

[Softlink]

А почему всё-таки не работает url(attr(src))? Буду благодарен за любую наводку!

Я чего-то не пойму, а как он должен тут работать? Что должны получить в итоге?

[psywalker]

А почему всё-таки не работает url(attr(src))? Буду благодарен за любую наводку!

Я чего-то не пойму, а как он должен тут работать? Что должны получить в итоге?

Ну он должен вставиться, как текст, в адрес картинки. background;

[Softlink]

А почему всё-таки не работает url(attr(src))? Буду благодарен за любую наводку!

Я чего-то не пойму, а как он должен тут работать? Что должны получить в итоге?

Ну он должен вставиться, как текст, в адрес картинки. background;

Ну так SelenIT сам же привел цитату из спецификации, что это строковый атрибут. Т.е. выводится строка(строковые элементы - символы). Не?

Т.е. код:

div{
display:inline-block;
position:relative;
}

div:after{
position:absloute;
top:0;
left:0;
content:attr(href);
}


<div>
   <a href="link">ссылка</a>
</div>

Выведет тебе результат "ссылка", а не содержимое этой ссылки.

[psywalker]

А почему всё-таки не работает url(attr(src))? Буду благодарен за любую наводку!

Я чего-то не пойму, а как он должен тут работать? Что должны получить в итоге?

Ну он должен вставиться, как текст, в адрес картинки. background;

Ну так SelenIT сам же привел цитату из спецификации, что это строковый атрибут. Т.е. выводится строка(строковые элементы - символы). Не?

Т.е. код:

div{
display:inline-block;
position:relative;
}

div:after{
position:absloute;
top:0;
left:0;
content:attr(href);
}


<div>
   <a href="link">ссылка</a>
</div>

Выведет тебе результат "ссылка", а не содержимое этой ссылки.

А адрес по твоему что? Не строка ли?

[Softlink]

А адрес по твоему что? Не строка ли?

Так ну я не могу допереть, чего можно было добиться, вызвав attr (src)? Строчку показывающую путь к изображению?

[Nekromancer]

А адрес по твоему что? Не строка ли?

Так ну я не могу допереть, чего можно было добиться, вызвав attr (src)? Строчку показывающую путь к изображению?

Для не просвещённых рассказываю, что пытались добиться вот этого:

content: url(attr(src));

Но это увы не работает, то есть углы не закругляются.

Либо возможно пытались то же самое но в свойстве background, но там attr не работает естественно.

[Softlink]

Все, понял.

Я затупил в общем. Атрибут точно работает, но вот чего я действительно не знал(ибо не пользовал), что вместе с передачей атрибута передаются все примененные к нему стили. А у меня был для src выставлен hidden И сижу не могу понять, почему он не показывает))) Спать надо уже наверное ложиться

Edited August 24, 2011 by Softlink

[SelenIT]

Так ну я не могу допереть, чего можно было добиться, вызвав attr (src)? Строчку показывающую путь к изображению?

Моя задумка была в том, чтобы автоматом, на уровне одного лишь CSS, перегнать адрес картинки из атрибута src в url() фона. Предварительно превратив картинку в по сути обычный пустой блочный элемент с помощью content:'' (и display:block с указанием размеров). Причем только для Оперы, т.к. content для любого элемента (не псевдо-) понимает только она. Но авторы CSS привычно обломали весь кайф...

вместе с передачей атрибута передаются все примененные к нему стили. А у меня был для src выставлен hidden

Пардон... можно чуть пояснить, что значит "стили, выставленные для атрибута"?

Вообще, насколько я в курсе, attr() умеет читать только атрибуты указанного элемента (и использовать в его же псевдоэлементах), поэтому content:attr(href) для div:after закономерно не работает по причине отсутствия атрибута href у div... или я чего-то важного не понимаю?

[Softlink]

или я чего-то важного не понимаю?

Это я вчера в конец запутался. Принял желаемое за действительное. Сегодня уже разобрался.