• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по CSS » Css хаки Opera, Mozilla, IE, Safari (Штука полезная при учете общей забагованности)
Css хаки Opera, Mozilla, IE, Safari
Aleko
Дата: Пятница, 14.08.2009, 15:51 | Сообщение # 1
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167 		Вот список известных мне, проверенных хаков:
Code
<style>
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0){.name{style:value;}} /* Стиль для Opera */

.name{*style:value;} /* Стиль для IE всех версий */

.name{_style:value;} /* Стиль для IE5.5 и IE6 */

body:last-child:not(:root:root) .name{style:value;} /* Safari */

@-moz-document url-prefix(){.name{style:value;}} /* Стиль для Mozilla */
</style>

Бесплатные обои.
  
nеmo
Дата: Пятница, 14.08.2009, 15:55 | Сообщение # 2
Группа: Удаленные
что они делают?
  
Aleko
Дата: Пятница, 14.08.2009, 16:08 | Сообщение # 3
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167 		nеmo, они делают возможным назначать css стили для отдельно взятых браузеров.
Бесплатные обои.
  
nеmo
Дата: Пятница, 14.08.2009, 16:15 | Сообщение # 4
Группа: Удаленные
а это удобнее чем прописывать в html операторы, но возможно ли написать только для ie 5?
  
Aleko
Дата: Пятница, 14.08.2009, 17:07 | Сообщение # 5
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167 		Вот примеры хаков IE для свойства height:

* height: 10px; /* этот CSS хак увидит только IE */
_height: 10px; /* эту инструкцию воспримут только IE 5.5 и IE 6.0 */
_heig\ht: 10px; /* а этот CSS хак увидит только IE 6.0 */

Здесь нет такого хака, который сгодился бы только для IE 5.5, но комбинируя хаки, мы можем задать какое-либо свойство только для IE 5.5. Например:

_display: none;
_disp\lay: block; /* только IE 5.5 не отобразит блок */

Бесплатные обои.
  
Zoxy
Дата: Пятница, 14.08.2009, 18:50 | Сообщение # 6
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17 		Интересная это вещь.. надо постестить =) благодарю
Ололо или неололо? Вот в чем пыщьпыщь...
www.zox-art.ru — Открыто, но еще дорабатывается.
  
n1ght(o_O)
Дата: Пятница, 14.08.2009, 23:19 | Сообщение # 7
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6 		Надо будет заняться на досуге smile
  
Slimmi
Дата: Суббота, 15.08.2009, 13:36 | Сообщение # 8
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38 		Большое спасибо!
Большие фотостатусы
  
dancelot
Дата: Вторник, 13.10.2009, 11:43 | Сообщение # 9
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13 		Хак для IE (прописать в стили родительского блока) - нужен для того,чтобы при уменьшении размеров окна браузера блоки не сбивались в кучу.

Code
width:expression(  
(document.compatMode && document.compatMode == 'CSS1Compat')  
?  
(  
document.documentElement.clientWidth < 550  
?  
"550px"  
:  
"auto"  
)  
:  
(  
document.body.clientWidth < 550  
?  
"550px"  
:  
"auto"  
)  
);

550px - изменяемая величина,показывающая до каких размеров окна возможно пропорциональное сужение сайта,после чего включается прокрутка в окне браузера.

  
ad
Дата: Суббота, 07.11.2009, 21:56 | Сообщение # 10
Группа: Удаленные
до чего же длинный хак к опере. к Maxtoon и к Chrome еще бы и тогда ваще жесть была бы ^_^
  
Duck4Fuck
Дата: Суббота, 07.11.2009, 23:21 | Сообщение # 11
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Code

*{*display:none;}  
*{_display:none;}  

=)
  
ad
Дата: Воскресенье, 08.11.2009, 12:22 | Сообщение # 12
Группа: Удаленные
Duck4Fuck, Уже пользуюсь такими.
  
tomas686
Дата: Вторник, 10.11.2009, 08:49 | Сообщение # 13
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		/* Первая конструкция — против Opera 9.5, которая понимает вторую, а вторая — против Opera 9.2, которая понимает первую. Верх извратства :) Вобщем-то безопасная конструкция, т. к. 9.2 уже не будет эволюционировать и явно не сможет обработать :first-of-type, а -webkit- — проприетарное свойство и обрабатывается Opera 9.2 скорее по ошибке, что следует из отсутсвия поддержки в 9.5 */

/* Safari понимает обе, поэтому хак работает */

Code
@media all and (-webkit-min-device-pixel-ratio:0) {
     
    body:first-of-type #lightSF3 { display: block }
    /* вместо :first-of-type можно еще использовать :nth-of-type(1) — он для Safari 3.1 */
     
}


Сообщение отредактировал tomas686 - Вторник, 10.11.2009, 08:51
  
Defite
Дата: Воскресенье, 16.05.2010, 03:17 | Сообщение # 14
молчун
Группа: Пользователи
Пользователь №: 3004
Сообщений: 1
Спасибо за хак для оперы, в моей 10.52 сработало :)
L.O.V.E is just a four letter word
  
Форум Studio AD » Сайтостроение » Общий форум по CSS » Css хаки Opera, Mozilla, IE, Safari (Штука полезная при учете общей забагованности)
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.