Page 161 - Сила CSS3 Освой новейший стандарт

Обозначение типа файла с помощью динамически добавляемых значков • 161

Этот селектор приказывает браузеру «найти все ссылки с атрибутами href, закан-
чивающимися на .png и содержащими в произвольном месте символы chart. Он
успешно обнаружит все перечисленные далее ссылки:
<a href="images/chart_locations.png">
<a href="images/piechart.png">
<a href="charts/travel.png">

заплатки для IE 6
IE 6 — единственный из ведущих браузеров не поддерживает селекторы атрибутов
и не отображает значки. Обойти эту проблему можно только с помощью сценария,
обеспечивающего поддержку селекторов атрибутов.

Добавление сценария в IE 6
Сценарий автора Dean Edwards с несколько сбивающим с толку названием IE7
(http://code.google.com/p/ie7-js) заставляет работать сложные селекторы, уже при-
сутствующие в вашем коде. Загрузите файл сценария и добавьте ссылку на локальную
копию или же укажите адрес публичной копии на сайте Google Code. Преимущество
использования публичной копии заключается в том, что у посетителей вашей стра-
ницы сценарий может быть уже сохранен в кэше браузера, например если раньше
они уже заходили на сайт, использующий тот же сценарий. Это немного ускоряет
загрузку содержимого.
Добавьте ссылку на публичную копию сценария в тег head страницы, внутрь ус-
ловного комментария, предназначенного только для IE 6:
<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/
version/2.1(beta4)/IE7.js"></script>
<![endif]-->

Этот сценарий заставляет IE 6 распознавать се-
лекторы атрибутов, благодаря чему на странице Если вас не прельщает перспек-
рядом со ссылками появляются наши значки. тива вводить все это вручную,
В то же время он творит странные вещи с распо- откройте файл selectors_final.html
ложением ссылок и переносом на новую строку. из папки с файлами упражнений
Чтобы справиться с этим, нужно для отобра- для этой главы и скопируйте код
жения ссылок выбрать вариант inline-block оттуда.
и присвоить атрибуту white-space значение
nowrap — однако это приведет к небольшим
проблемам в других браузерах. Я предлагаю применить тот же трюк с тегом html
в условных комментариях, который мы выучили в главе 2, и создать для IE 6 уни-
кальное правило, недоступное всем остальным браузерам.

www.trk.kg