Тема 8. Css по Браузерам

Internet Explorer.

-ms-interpolation-mode

background-position-x

background-position-y

filter

hasLayout

scrollbar-3dlight-color

scrollbar-arrow-color

scrollbar-base-color

scrollbar-darkshadow-color

scrollbar-face-color

scrollbar-highlight-color

scrollbar-shadow-color

scrollbar-track-color

zoom

Firefox

-moz-background-clip

-moz-background-origin

-moz-background-size

-moz-border-bottom-colors

-moz-border-left-colors

-moz-border-radius

-moz-border-radius-bottomleft

-moz-border-radius-bottomright

-moz-border-radius-topleft

-moz-border-radius-topright

-moz-border-right-colors

-moz-border-top-colors

-moz-box-shadow

-moz-box-sizing

-moz-column-count

-moz-column-gap

-moz-column-rule

-moz-column-width

-moz-tab-size

-moz-user-select

::-moz-selection

image-rendering

Opera

-o-background-size

-o-tab-size

-o-text-overflow

Safari и Chrome

-webkit-background-clip

-webkit-background-origin

-webkit-background-size

-webkit-border-radius

-webkit-box-shadow

-webkit-box-sizing

-webkit-column-count

-webkit-column-gap

-webkit-column-rule

-webkit-column-width

-webkit-user-select

Тема 9. Хаки css

Хаки для Internet Explorer

<!--[if !IE]--><link href="styles.css" rel="stylesheet" media="all" /><!--[endif]-->

<!--[if IE 6]><link href="ie6.css" rel="stylesheet" media="all" /><![endif]-->

<!--[if IE 7]><link href="ie7.css" rel="stylesheet" media="all" /><![endif]-->

<!--[if IE 8]><link href="ie8.css" rel="stylesheet" media="all" /><![endif]-->

* html .class

{

background:red

}

Только для IE6

*+html .class

{

background:red

}

или

*:first-child+html .class

{

background:red

}

.class

{

_background:red

}

.class

{

-background:red

}

Только для IE7

-,.class

{

background:red;

}

IE6 и IE7

.class

{

*background:red

}

.class

{

//background:red;

}

.class

{

background:red!ie

}

Хак для IE6, IE7 & Safari

html*.class

{

background:red

}

Хак для Safari 3

html:root*.class

{

background:red

}

Хак для FF2, FF3

@-moz-document url-prefix()

{

.class

{

background:red

}

}

Хак для FF2, FF3 и IE7

x:-moz-any-link,.class

{

background:red

}

Хак для FF3 и IE7

x:-moz-any-link,x:default,.class

{

background:red

}

Грязный хак для Opera 9.5 и IE7

noindex:-o-prefocus,.class

{

background:red

}

Хак для FF2, FF3, Safari 3, Chrome 2, Opera 9.5

html:root .class{background:red}

Хак для Safari 3 и 4, Chrome 2

@media screen and (-webkit-min-device-pixel-ratio:0)

{

body:first-of-type .class {background: red}

}

Хаки для Safari 3, Chrome 2, Opera 9.5

body:first-of-type .class

{

background:red

}

@media all and (min-width:0)

{

.class{background:red}

}