Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jul 2010
    Posts
    33
    Thanks
    2
    Thanked 1 Time in 1 Post

    Internet Explorer [ie9] CSS: Targeting ie9 Inside External Style Sheet

    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] -->
    Last edited by thomasmclennan; 04-15-2011 at 06:53 AM. Reason: bullant...

  • #2
    Banned
    Join Date
    Feb 2011
    Posts
    2,699
    Thanks
    13
    Thanked 395 Times in 395 Posts
    IE10?

  • #3
    New Coder
    Join Date
    Jul 2010
    Posts
    33
    Thanks
    2
    Thanked 1 Time in 1 Post
    Quote Originally Posted by bullant View Post
    IE10?
    IE9. I(forgot to mention that I'm from the future)...

  • #4
    New Coder
    Join Date
    Jul 2010
    Posts
    33
    Thanks
    2
    Thanked 1 Time in 1 Post
    Code:
    <html <!--[if IE]>class= "ie"<![endif]-->>
    Actually, I think I'll use this method.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •