CSS-хаки для разных браузеров
В процессе создания сайтов зачастую мы сталкиваемся с проблемами кроссбраузерности. Нижеприведенные хаки помогут вам добиться максимальной кроссбраузерности в популярных программах просмотра веб-страниц.
Используя данные хаки вы экономите время разработки проекта и лишаетесь головной боли.
Хак для Опера
1 | @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .class {background: #F00;} } |
1 | html:first-child .class { background: #F00; } /* код валидный */ |
Хаки для IE 6
1 | .class { _background: #F00; } |
1 | * html .class { background: #F00; } /* код валидный */ |
Хаки для IE 7
1 | *+html .class { background: #F00; } /* код валидный */ |
1 | html>body .class { *background: #F00; } |
Хаки для Firefox
1 | @-moz-document url-prefix() { .class {background: #F00;} } |
1 |
Хаки для Safari и Google Chrom
1 | body:last-child:not(:root:root) .class { background: #F00; } |
По материалам http://bitby.net
- Грамотная раскрутка сайта от киевских профессионалов
- Большие скидки на путешествия. Спешите! Число туров ограничено
- Стильные короткие прически были модными во все времена
Прокомментировать
Рубрики
- javascript
- SEO
- Smarty
- UIPI
- Боремся со СПАМом
- Верстка
- Движки форумов
- Железо
- Забавно
- Интернет в лицах
- Интернет-магазины
- Новости
- Обзоры сайтов
- Обо всем
- Полезные скрипты
- Работа с CMS
- Создание сайтов
- Уроки рекламы
- Шаблоны
Облако меток
продвижение
веб
бот
проект
товар
форма
поисковик
pr
html
показ
форум
файл
php
деньги
контент
бесплатно
IE
сайт
интернет
страница
магазин
заказ
жк
адрес
сервер
google
фон
эффект
SEO
блог
