Блог Обо мне Храню Читаю Ем 99  

25.12.2009, Nº 2356



CSS hack для Opera 10.50, 10.xx, не 10.50

«Опера» 10.50 стала поддерживать border-radius и много других интересных вещей, в этой связи встал вопрос — как отличить 10.50 от более ранних версий в CSS?

Например, у меня на сайте скруглённые уголки для «Оперы», начиная с версии 9.50 делаются при помощи SVG, 10.50 вполне могла бы нарисовать их без этого «изыска». Помучался-помучался и придумал несколько CSS-хаков, собственного изобретения.
<style type="text/css">
@media (0) {
    body { background: red; } /* Opera 10.xx, но < 10.50 */
}

@media all and (resolution = 0dpi) {
    body { background: red; } /* Opera < 10.50, минимальной версии не знаю, 9.27 работает */
}

@media all, () {
    body { background: red; } /* Opera 10.xx (включая 10.50) */
}

@media all, {
    body { background: red; } /* Opera 10.50 prealpha */
}
</style>
Нужно понимать, что хаки сделаны исключительно для того, чтобы отличить одну версию «Оперы» от другой и могут сработать в других браузерах, так что лучше подстраховаться и добавить в стили какой-нибудь хак, чтобы отличать «Оперу» от всего остального.

Я не знаю минимальной версии при которой срабатывает хак №2, но подозреваю, что будет работать где-то начиная с 7-й версии.

Все хаки я испытывал на «Операх» 10.50 prealpha, 10.10, 10.01, 9.50 и 9.27. Надеюсь, баг 10.50 не исправят и хак будет работать и дальше (pepelsbey, пожалуйста, молчи!:).

Добавлено 25 декабря 2009 10:38: проснувшись утром, я обнаружил, что умудрился ночью запостить этот текст два раза. Решил удалить один из них и удалил тот, что с комментариями. Простите, это утро :(
25.12 01:56
25.12 01:56



25.12.2009, Nº 2356

#1 FX Poster @blog.fxposter.org25.12.2009, 15:52

Ксасавчик! Молодец, спасибо.

Кстати, Жень, а как ты вообще эти хаки находил?

#2 FX Poster @blog.fxposter.org25.12.2009, 15:52

*кРасавчик :) очепятался

#3 bolk @bolknote.ru25.12.2009, 16:15 ответил blog.fxposter.org

Подбором :)

#4 FX Poster @blog.fxposter.org25.12.2009, 19:43 ответил bolknote.ru

А почему именно @media? :)

#5 bolk @bolknote.ru25.12.2009, 19:56 ответил blog.fxposter.org

Трудно сказать. Интуиция.

#6 ninjacolumbo.ya.ru 25.12.2009, 22:39 ответил blog.fxposter.org

Bolk — настоящий хакер. Когда он находит разные дыры в нашем ПО, я поражаюсь, как у него мышление устроено, что до таких вещей додуматься можно.

#7 bolk @bolknote.ru26.12.2009, 12:45 ответил ninjacolumbo.ya.ru

У меня ощущение, что я зря это делаю. Работа вида «нашёл — пидарас, не нашёл — ну какой же ты пидарас». Кажется, выглядит так, как будто мне делать нечего, вот я и ищу дыры.

#8 angel31337 @angel31337.ya.ru28.04.2010, 12:35

Не респектище огромное. Помогло на ура, так держать

#9 life-maniac.livejournal.com 16.05.2010, 03:06

для Опера 10.52 сборка 3370 ни один из хаков, к сожалению, не подошел. Помог этот (от StudioAD):
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0){.name{style:val­ue;}} /* Стиль для Opera */
Ваше имя или адрес блога:

Текст комментария (для гиков: не HTML, а текст!)


Кому бы вы хотели ответить (или кликните на его аватару)


Евгений Степанищев (imbolk@gmail.com)
t=0.035