Resolved [ie9] CSS: Targeting ie9 Inside External Style Sheet

thomasmclennan · 04-15-2011, 05:33 AM

Well it's that time again...
Microsoft has gone and released yet another browser that isn't up to current expected standards at the time of it's release, and this time even Google has done better than Microsoft, but I digress...
As Microsoft has neglected the 'transform' from it's new browser, I need a hack that targets IE9 only, in the style-sheet.

Code:

.login_box_right:hover, .login_box_left:hover{
	-webkit-transform: skew(0deg,0deg); 
	-o-transform: skew(0deg,0deg); 
	-moz-transform: skew(0deg,0deg); 
	margin-top:100px/9;
	margin-bottom:-100px/9;
}

Note that I am trying to prevent the margin change in IE, because it is not able to render transform: skew...

Note, as a last resort, I'll have to target it with a

Code:

<!--[if IE 9]>margin-top:0;
margin-bottom:0;
<![endif] -->

bullant · 04-15-2011, 05:46 AM

IE10?

thomasmclennan · 04-15-2011, 05:49 AM

Quote:

Originally Posted by bullant

IE10?

IE9. I(forgot to mention that I'm from the future)...

thomasmclennan · 04-15-2011, 05:53 AM

Code:

<html <!--[if IE]>class= "ie"<![endif]-->>

Actually, I think I'll use this method.