Безопасный хак для Safari

[k48]

>безопастно

И ужастно, и опастно букву "т" писать напрастно.

[Delka]

исправил орфорграфию
в 3 ночи писал, уставший уже.

[nikfedorov]

Как-то был нужен хак для Safari 3. Елё нашёл. Вот выложу в тему — вдруг кому пригодится.

body:first-of-type p {color:#ff0000;}

[Delka]

это опастный хак.
через некоторое время (и возможно очень-очень) скоро - он будет работать во всех брузерах и перестанет быть фильтром

[dab512]

никогда?

[Delka]

никогда

[dab512]

Что то я не понимаю

Delka из поста
и этот хак никогда несработает в другом браузере кроме Safari и других имеющих общий с ними движок (Webkit)

из комментария Delka 25 марта 2008 11:33
это опастный хак.
через некоторое время (и возможно очень-очень) скоро - он будет работать во всех брузерах и перестанет быть фильтром

[Delka]

это ответ на "body:first-of-type p {color:#ff0000;}"
такой хак, в отличии от "-webkit-margin-start" основан на новых css3 свойствах, которые пока ещё неподдерживаются другими браузерами.
но это сегодня.
а завтра, или через неделю, или через месяц, но в любом случае обязательно потом он станет работать везьде и хаком быть перестанет.

а -webkit-margin-start отработает только в webkit-движках.

[3al]

Это афаик сработает еще и в konqueror, epiphany (собранном с webkit), а также midori (не особо актуально сейчас, поскольку не распространен из-за глубокой альфы).

[Delka]

ну да, верно, хотел дописать что это на все браузеры с движком webkit распространяется, но для лучшего понимания текста написал простыми словами... добавил

[everzet]

В текущей реализации конкверор эту строчку не поймет. Текущая ветка конка собрана на KHTML, а не на WebKit. WebKit только в планах 4 ветки КДЕ. Однако, уже сейчас стоит позаботиться о будущих покалениях и не пользовать движковые хаки для исправления браузерных багов !

[fiskus]

у вас еще ошибочка: "it is -khtml-magin-start"
скорее всего, имелось ввиду "margin"

[Delka]

в документации от Apple написано "magin", скорей всего - действительно ошибка, немогу проверить - нет у меня Safari 2 а browsercamp что-то подвисает и не отдаёт скриншот(

Если у вас есть возможность - проверьте.

[fiskus]

2004-09-27 David Hyatt

Reworked lists to work well with RTL text. Specifically the following bugs have been fixed:

(1) All bullets use the same offset constant now (a padding of 7 pixels). Before, images used 5 and others used 7.
(2) Line height now works properly, so that list items with no content aren't squished (and missing the line descent).
(3) Punctuation now works correctly with inside and outside style ordered lists in RTL.
(4) RTL lists now properly apply padding and margin to the right side rather than the left. This was done by adding
-khtml-margin-start and -khtml-padding-start properties that are just mapped to left/right based off the direction.

http://www.opensource.apple.com/darwinsource/tarballs/other/WebCore-415.5.tar.gz
(найдено с помощью http://codesearch.google.com)

[Delka]

спасибо!
исправил

[fiskus]

исправляйте назад, только что воспользовался данным хаком.. так вот:
Syntax:
-webkit-margin-start: 2em

Availability:
Safari 3.0 and later. In Safari 2.0, it is -khtml-magin-start.

Причем у меня в Safari 3.0 под Windows работает именно -khtml-magin-start

тут - http://developer.apple.com/documentation…

[fiskus]

какой ужас, кому верить....:)

[Delka]

неужели тема никому неинтерестна?

[Delka]

мда, верстальщиков на хабре практически нет...

[Delka]

пожалуйста, рад если кому-то помогло

у нас - маленький, в америке - довольно серьёзный.
но и вообще верстка то должна быть кросбраузерной, так что Сафари нельзя игнорить.

[ipod]

спасибо. пользуюсь сафари под виндовс. пока к нему меньше всех претензий из используемых мною браузеров, но за ссылочку спасибо)

[bo883]

извините не понял, так представленный хак безопасный или нет. стоит его использовать?
так как у меня возникла проблема при вёрстке. IE6, IE7, FF показывают одну картинку а Opera и Safari другую.
если применять хаки для IE6,IE7,FF то хак для FF действует и для Safari (html:root .classname)

[Delka]

представленный хак - безопастный, т.к. использует свойство которое есть только в webkit движке (-khtml-margin-start) Он никогда не сработает в другом браузере.

[bo883]

безопасные хаки для safari.
hack#1
html[xmlns*=""] body:last-child .test1 { background-color:green; }

hack#2
body:last-child:not(:root:root) .test2 { background-color:green; }

hack#3
@media all and (min-width:0px) {
body:not(:root:root) .test3 { background-color:green; }}

[Delka]

эти хаки основаны исключительно на css3 свойствах поэтому небезопастны

[fiskus]

ага, потому что работает как в сафари/хроме, так и в опере

[caIIIa]

Спасибо за ссылку.

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

Единственное, что напрягает в нём — очень странно выглядящие шрифты.
Я имею в виду, естественно, версию под Windows.

[Delka]

есть возможность исправлять эту проблему при вёрстке: http://habrahabr.ru/blog/css/37109.html

[monsterzz]

Насколько я понимаю, с помошью этого хака можно только подвинуть элемент. А мне один раз понадобилось изменить его ширину :)

@media screen and (-webkit-min-device-pixel-ratio:0) {
.b-hat .b-login-box .b-field input {
width: 110px;
}
}


Этот хак является довольно безопасным, из-за использования не только css3, но и -webkit-min-device-pixel-ratio, который вряд ли будет поддержан в ie/ff/opera :-D

[Delka]

о! спасибо!

[Homskiy]

Спасибо!

[Lebnik]

Chrome 2 это тоже поддерживает, имейте ввиду!

[Lebnik]

точнее все версии Chrome, только что проверил в 9 версии, тоже работает!

[2moderator]

.class { background: white } /* Для оперы и прочего */
html*.class {
background: yellow !important; /* IE 7 */
background: gray; /* IE6 */
}
html:root .class { background: green; } /* FF */
html:root*.class { background: red !important; } /* Safari */

[2moderator]

@-moz-document url-prefix() {
.style {background: #F00;}
} /* FF */