-
-
Save necolas/983116 to your computer and use it in GitHub Desktop.
| /* | |
| * 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 { } |
/* IE8/9 (maybe IE10 final) */
@media screen\0 { }
yes, it's definitely working on IE10.
Just today, I found a solution that does work for IE8 or IE6-8
See 4ae9b8/browserhacks#101 for follow-up discussion.
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}
}
It seems like you might be able to filter out internet explorer using the attribute selector.
e.g. html[lang="En"] instead of html[lang="en"]
Some more here: http://mathiasbynens.be/demo/css-hacks (view in the browser of your choice)