1. Введение
В эту статью вошли 8 очень полезных решений, которые вы сможете использовать, если столкнетесь с проблемами дизайна CSS.
2. Селекторы для конкретного браузера
Эти селекторы будут очень полезны, когда вам нужно разработать CSS для определенного браузера.
IE6 и более ранние версии
| * HTML {} |
IE7 и более ранние версии
*:first-child+html {} * html {} |
*:first-child+html {} |
html>тело{} |
| html>/**/body{} |
Opera9 и более ранние версии
html:первый ребенок {} Сафари html[xmlns*=""] body:last-child {} |
Чтобы использовать эти селекторы, поместите их перед стилем. Например:
#content-box { ширина: 300 пикселей; высота: 150 пикселей; } *html #content-box { ширина: 250 пикселей; } /* переопределяет вышеуказанный стиль и изменяет ширину на 250 пикселей в IE 6 и ниже */ |
3. Разрешите IE6 поддерживать прозрачность PNG.
Ошибка в IE6 вызвала большие неприятности: он не поддерживал прозрачные изображения PNG.
Вам нужно использовать CSS-фильтр
*html #image-style { фоновое изображение: нет; фильтр: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png", sizingMethod="scale"); } |
4. Удалите пунктирную линию гиперссылки (действительно только для FF).
В FireFox при нажатии на гиперссылку по периферии появляется пунктирный контур. Это легко решить, просто добавьте его в стиль метки.
| контур: нет. а { контур: нет; } |