Не все хаки для IE7 работают если в начале документа не указать !DOCTYPE.
*+html .style { background: #F00;}
html>body .style {*background: #F00;}
*:first-child+html {} * html {} /* IE 7 и ниже */
*:first-child+html {} /* IE 7 только */
html>body {} /* IE 7 и нормальные браузеры */
html>/**/body {} /* Только нормальные браузеры (не IE 7) */
>body {} /* выбирает элемент body только в IE7 */
html* {} /* выделяет все элементы внутри элемента html. Только для IE7 и ниже. */
//width:100px; - так написаное свойство проигнорируют все браузеры кроме ie 7.0 и меньше
.ie7b {#color:#00FF00;} /* Хак только для IE7,6 */
a:link:visited, a:visited:link В соответствии со стандартами, псевдотеги :link и :visited взаимно исключаемы, то есть :link означает непосещенную ссылку. Тем не менее, IE 7 и ниже проигнорируют эти псевдо-классы, если какой-нибудь другой появится ниже в том же селекторе.
a:link:visited, a:visited:link {} a:link:visited, a:visited:link {} /* выбирает элемент a в IE7 и ниже */
Условные комментарии
Условие может быть таким: IE – для любой версии IE
lt IE v – (less than) для всех браузеров IE, версия которых меньше чем v
lte IE v – (less than or equal) для всех браузеров IE, версия которых меньше чем v, или такая же
gte IE v – (greater than or equal) – для IE, версия которых больше или равна v
gt IE v – (greater than) – для IE, версия которых больше v.
.class, x:-moz-any-link { color: #368EF1; } /* для FireFox, но так же работает в Internet Explorer 7 */
@media all and (min-width: 0) {.safariOperaChrome {color:#FF00FF;}} /* Хак только для Safari, Opera, Google Chrome*/
@media all and (min-width: 0) {div span { background: #FF0}} /*только для Opera* (так же видит Safari 3 и Google Chrome) /
html:not([lang*=""]):not(:only-child) .ffSafariChrome {color:#990000;} /* Хак только для IE7, FireFox */html:root div {…} /* для Firefox (также видит safari3) */
html:root .ffSafariChrome {color:#660066;} /* Хак только для Safari, FireFox, Google Chrome */
body:first-of-type .operaChromeSafari {color:orange;} /* Хак только для Safari, Opera, Google Chrome */
html>/**/body {} /* Все современные браузеры, кроме IE 7 */
/*\*//*/selector{property:value;}/**/ /* MacIE */
02.10.2008, 22:34
Webmaster
:0047:
05.10.2008, 22:36
htmlverstka
>IE min-width & max-width: максимальная и минимальная ширина блока:
Жаль, но у меня не работает, смотрел в ИЕ6.
Есть еще хак, работает для всех ИЕ. $свойство.
Например: $margin:100px
06.10.2008, 01:00
Andy Superstar
Как сделать, чтобы лист стилей видела только опера?
Нескромный вопрос, а в связи с уже давним выходом FF3 не появилось ли разных CSS селекторов под 2ой и 3ий фф ? =/
22.10.2008, 08:05
MetSerp
Цитата:
Сообщение от hostingpad
разрабатывает джаваскрипт (и последние версии очень даже удачны), заставляющий все браузеры ie обрабатывать код так, как если бы его обрабатывал ie7.
А есть скрипт сам или ссылка на него? У меня как вспоминаю про ie муражки по коже.:0023: Что бы не верстал но обязательно потом мучаюсь с ним :1131:
22.10.2008, 15:29
Exterior
Цитата:
Сообщение от Anami
в связи с уже давним выходом FF3 не появилось ли разных CSS селекторов под 2ой и 3ий фф ?
Pseudo-elements and pseudo-classes
:-moz-tree-row(hover) [B](New in Firefox 3)[/B]
:-moz-tree-cell-text(hover) [B](New in Firefox 3)[/B]
:-moz-system-metric(windows-default-theme) [B](New in Firefox 3)[/B]
:-moz-system-metric(mac-graphite-theme) [B](New in Firefox 3.1)[/B]
:-moz-system-metric(images-in-menus) [B](New in Firefox 3)[/B]
:-moz-system-metric(scrollbar-start-backward) [B](New in Firefox 3)[/B]
:-moz-system-metric(scrollbar-start-forward) [B](New in Firefox 3)[/B]
:-moz-system-metric(scrollbar-end-backward) [B](New in Firefox 3)[/B]
:-moz-system-metric(scrollbar-end-forward) [B](New in Firefox 3)[/B]
:-moz-system-metric(scrollbar-thumb-proportional) [B](New in Firefox 3)[/B]
:-moz-alt-text [B](New in Firefox 3)[/B]
:-moz-placeholder [B](New in Firefox 3)[/B]
:-moz-broken [B](New in Firefox 3)[/B]
Properties
-moz-border-image [B](New in Firefox 3.1)[/B]
-moz-box-shadow [B](New in Firefox 3.1)[/B]
-moz-window-shadow [B](New in Firefox 3.1)[/B]
CSS3 Columns
-moz-column-rule [B](New in Firefox 3.1)[/B]
-moz-column-rule-width [B](New in Firefox 3.1)[/B]
-moz-column-rule-style [B](New in Firefox 3.1)[/B]
-moz-column-rule-color [B](New in Firefox 3.1)[/B]
CSS transforms
-moz-transform [B](New in Firefox 3.1)[/B]
-moz-transform-origin [B](New in Firefox 3.1)[/B]
-moz-stack-sizing [B](New in Firefox 3.1)[/B]
Values For all properties accepting color keywords
-moz-mac-chrome-active [B](New in Firefox 3.1)[/B]
-moz-mac-chrome-inactive [B](New in Firefox 3.1)[/B]
-moz-win-communicationstext [B](New in Firefox 3)[/B]
-moz-win-mediatext [B](New in Firefox 3)[/B]
-moz-nativehyperlinktext [B](New in Firefox 3.1)[/B]
width , min-width , max-width
-moz-min-content [B](New in Firefox 3)[/B]
-moz-fit-content [B](New in Firefox 3)[/B]
-moz-max-content [B](New in Firefox 3)[/B]
-moz-available [B](New in Firefox 3)[/B]
-moz-appearance
-moz-win-browsertabbar-toolbox [B](New in Firefox 3)[/B]
-moz-win-communications-toolbox [B](New in Firefox 3)[/B]
-moz-win-media-toolbox [B](New in Firefox 3)[/B]
-moz-mac-unified-toolbar [B](New in Firefox 3.1)[/B]
31.10.2008, 10:43
kisenish
Подскажите кто-нибудь, как сделать так, чтобы min-width работало в 6 эксплорере