“текстовое художественное оформление” и “: после” псевдоэлемента, пересмотренного
В Microsoft Excel Scroll Lock позволяет Вам прокручивать электронную таблицу с клавишами со стрелками, не перемещая указатель активной ячейки от в настоящее время выделенной ячейки. В Quattro Pro, другой программе электронной таблицы, Scroll Lock работает подобным образом, хотя в отличие от Excel не возможно прокрутить указатель активной ячейки полностью от экрана.
Другие программы используют Scroll Lock для специальных функций.
3 ответа
Реализация псевдоэлементов: before и: after в IE8 неверна. Firefox, Chrome и Safari реализуют его в соответствии со спецификацией CSS 2.1.
5.12.3 Псевдоэлементы: before и: after
': before' и ': after' псевдоэлементы могут использоваться для вставки сгенерированного содержимого до или после содержимого элемента . Они объясняются в разделе о сгенерированном тексте.
...
Спецификация каскадных таблиц стилей, уровень 2, версия 1 (CSS 2.1)
В спецификации указано, что содержимое должно быть вставлено до или после содержимого элемента , , а не элемент (т.е.
Я думаю, что ваши параметры будут использовать background-image / padding метод, предложенный в вашем предыдущем вопросе, или, возможно, обертывание ваших якорных элементов в элементы диапазона и вместо этого применение псевдоэлементов к элементам диапазона.
Вы можете автоматически выбирать ссылки на 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, когда вы используете свойство after-before-content для добавления кавычек.
Я понимаю, что это не ответ на вопрос, который вы задаете, но есть причина, по которой вы не можете использовать следующий подход (подход на основе фона ):
a.file_pdf {
background-image: url(images/pdf.png);
background-position: center right;
background-repeat: no-repeat;
padding-right: 15px; /* or whatever size your .png image is plus a small margin */
}
Насколько я знаю, реализация Firefox : after наблюдает за свойством класса селектора, а не псевдо-класса. Может, стоит поэкспериментировать с разными типами доктринов? Переходный, а не строгий, иногда позволяет получить разные результаты (хотя и не всегда лучше результатов ...).
Изменить:
Похоже, что использование
a:after {
content: " <" attr(href) ">";
text-decoration: none;
color: #000000;
background-color: #fff; /* or whatever colour you prefer */
}
отменяет или, по крайней мере, скрывает , текст-украшение . На самом деле это не дает никакого ответа, но, по крайней мере, предлагает своего рода обходной путь.