Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 38
>безопастно
И ужастно, и опастно букву "т" писать напрастно.
И ужастно, и опастно букву "т" писать напрастно.
Как-то был нужен хак для Safari 3. Елё нашёл. Вот выложу в тему — вдруг кому пригодится.
body:first-of-type p {color:#ff0000;}
body:first-of-type p {color:#ff0000;}
никогда?
никогда
Что то я не понимаю
Delka из поста
и этот хак никогда несработает в другом браузере кроме Safari и других имеющих общий с ними движок (Webkit)
из комментария Delka 25 марта 2008 11:33
это опастный хак.
через некоторое время (и возможно очень-очень) скоро - он будет работать во всех брузерах и перестанет быть фильтром
Delka из поста
и этот хак никогда несработает в другом браузере кроме Safari и других имеющих общий с ними движок (Webkit)
из комментария Delka 25 марта 2008 11:33
это опастный хак.
через некоторое время (и возможно очень-очень) скоро - он будет работать во всех брузерах и перестанет быть фильтром
это ответ на "body:first-of-type p {color:#ff0000;}"
такой хак, в отличии от "-webkit-margin-start" основан на новых css3 свойствах, которые пока ещё неподдерживаются другими браузерами.
но это сегодня.
а завтра, или через неделю, или через месяц, но в любом случае обязательно потом он станет работать везьде и хаком быть перестанет.
а -webkit-margin-start отработает только в webkit-движках.
такой хак, в отличии от "-webkit-margin-start" основан на новых css3 свойствах, которые пока ещё неподдерживаются другими браузерами.
но это сегодня.
а завтра, или через неделю, или через месяц, но в любом случае обязательно потом он станет работать везьде и хаком быть перестанет.
а -webkit-margin-start отработает только в webkit-движках.
Это афаик сработает еще и в konqueror, epiphany (собранном с webkit), а также midori (не особо актуально сейчас, поскольку не распространен из-за глубокой альфы).
ну да, верно, хотел дописать что это на все браузеры с движком webkit распространяется, но для лучшего понимания текста написал простыми словами... добавил
В текущей реализации конкверор эту строчку не поймет. Текущая ветка конка собрана на KHTML, а не на WebKit. WebKit только в планах 4 ветки КДЕ. Однако, уже сейчас стоит позаботиться о будущих покалениях и не пользовать движковые хаки для исправления браузерных багов !
у вас еще ошибочка: "it is -khtml-magin-start"
скорее всего, имелось ввиду "margin"
скорее всего, имелось ввиду "margin"
в документации от Apple написано "magin", скорей всего - действительно ошибка, немогу проверить - нет у меня Safari 2 а browsercamp что-то подвисает и не отдаёт скриншот(
Если у вас есть возможность - проверьте.
Если у вас есть возможность - проверьте.
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)
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)
спасибо!
исправил
исправил
исправляйте назад, только что воспользовался данным хаком.. так вот:
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…
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…
какой ужас, кому верить....:)
неужели тема никому неинтерестна?
спасибо. пользуюсь сафари под виндовс. пока к нему меньше всех претензий из используемых мною браузеров, но за ссылочку спасибо)
извините не понял, так представленный хак безопасный или нет. стоит его использовать?
так как у меня возникла проблема при вёрстке. IE6, IE7, FF показывают одну картинку а Opera и Safari другую.
если применять хаки для IE6,IE7,FF то хак для FF действует и для Safari (html:root .classname)
так как у меня возникла проблема при вёрстке. IE6, IE7, FF показывают одну картинку а Opera и Safari другую.
если применять хаки для IE6,IE7,FF то хак для FF действует и для Safari (html:root .classname)
безопасные хаки для 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; }}
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; }}
Спасибо за ссылку.
Safari имеет весьма неплохой движок и все новые проекты я открываю в нём на предмет "одним глазком посмотреть" — как ни странно, ещё ни разу под этим браузером не было абсолютно никаких проблем, поведение в стандартных ситуациях не отличается от Firefox.
Единственное, что напрягает в нём — очень странно выглядящие шрифты.
Я имею в виду, естественно, версию под Windows.
Safari имеет весьма неплохой движок и все новые проекты я открываю в нём на предмет "одним глазком посмотреть" — как ни странно, ещё ни разу под этим браузером не было абсолютно никаких проблем, поведение в стандартных ситуациях не отличается от Firefox.
Единственное, что напрягает в нём — очень странно выглядящие шрифты.
Я имею в виду, естественно, версию под Windows.
есть возможность исправлять эту проблему при вёрстке: http://habrahabr.ru/blog/css/37109.html
Насколько я понимаю, с помошью этого хака можно только подвинуть элемент. А мне один раз понадобилось изменить его ширину :)
Этот хак является довольно безопасным, из-за использования не только css3, но и -webkit-min-device-pixel-ratio, который вряд ли будет поддержан в ie/ff/opera :-D
@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
.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 */
html*.class {
background: yellow !important; /* IE 7 */
background: gray; /* IE6 */
}
html:root .class { background: green; } /* FF */
html:root*.class { background: red !important; } /* Safari */
@-moz-document url-prefix() {
.style {background: #F00;}
} /* FF */
.style {background: #F00;}
} /* FF */
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Безопасный хак для Safari