«Текстовое оформление» и псевдоэлемент «: после», вновь - PullRequest
Новая
       105

«Текстовое оформление» и псевдоэлемент «: после», вновь

47 голосов
/ 06 августа 2009

Я повторно задаю этот вопрос , потому что его ответы не сработали в моем случае.

В моей таблице стилей для печатных СМИ я хочу добавить URL после каждой ссылки, используя псевдокласс :after. 

a:after {
    content: " <" attr(href) ">";
    text-decoration: none;
    color: #000000;
}

В Firefox (и, вероятно, Chrome, но не IE8), text-decoration: none игнорируется, а подчеркивание простирается непривлекательно через нижнюю часть URL. Однако color правильно настроен на черный для URL. Есть ли способ заставить text-decoration работать?

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

Ответы [ 11 ]

0 голосов
/ 07 августа 2009

Вы можете автоматически выбирать ссылки на pdf-файлы: 

a[href$=".pdf"]:after { content: ... }

IE менее 8 может быть включен для правильной работы путем реализации этой ссылки в заголовке html-файла: 

<!--[if lt IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script><![endif]-->

Он также очень хорошо работает во всех версиях IE, когда вы используете функцию «после перед содержимым» для дублирования кавычек.

Страница:
...