Skip to content

@necolas /ie-css-hacks.css
Created

Embed URL

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
IE CSS hacks
/*
* Property prefix hacks
*/
/* IE6 only - any combination of these characters */
_ - £ ¬ ¦
/* IE6/7 only - any combination of these characters */
! $ & * ( ) = % + @ , . / ` [ ] # ~ ? : < > |
/*
* @media hacks
*/
/* IE6/7 only (via Keith Clarke) */
@media screen\9 { }
/* IE6/7/8 (via Keith Clarke) */
@media \0screen\,screen\9 {}
/* IE8 (via Keith Clarke) */
@media \0screen { }
/* IE8/9 (maybe IE10 final) */
@media screen\0 { }
@mathiasbynens

Some more here: http://mathiasbynens.be/demo/css-hacks (view in the browser of your choice)

@yairEO

/* IE8/9 (maybe IE10 final) */

@media screen\0 { }

yes, it's definitely working on IE10.

@jslegers

"@media \0screen\,screen\9 {}" and "@media \0screen { }" don't work in IE8 when I minify my css.

@mathiasbynens

See 4ae9b8/browserhacks#101 for follow-up discussion.

@shantikumarsingh

what about hack for different IE screen resolutions?

Anyone have answers for below code:
@media (min-width:1366px) and (max-width:1500px){
.header{height:200px;}
}
@media (min-width:1280px) and (max-width:1365px){
.header{height:150px}
}

Have tried using below code but does not work.

@media screen\9 and (min-width:1366px) {
.header{height:200px}
}
@media screen\9 and (min-width:1280px) {
.header{height:150px}
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.