Блог веб-разработчика Личный блог Озерова Виктора

8Апр/09

CSS для Opera (CSS hack for Opera)


Собственно код:

/* Opera (all versions)… */
@media all and (min-width: 0px) {
#element { color: red; }
}

/* Opera 6 */
@media all and (min-width: 1px) { {} #element { color: red; } }

/* Opera 7, 8 */
@media all and (min-width: 1px) { #element { color: red; } }

/* Opera 9 */
@media all and (width) { #element { color: red; } }

/* Opera 9 */
@media all and (min-width:0px) {
head~body #element { color: red; }
}

Небольшое дополнение: это написание очень хорошо понимает браузер Safari (проверял с версией 3.1 под Windows).

Альтернативный вариант решения проблемы:

<head>
<link rel="stylesheet" href="css/opera.css" type="opera/css" media="screen" />
</head>

Здесь ключевым моментом следует отметить атрибут type opera/css.

Комментарии (0) Пинги (0)

Пока нет комментариев.


Оставить комментарий


Нет обратных ссылок на эту запись.