Results 1 to 4 of 4

Thread: h.class:after not working in IE7

  1. #1
    Join Date
    Dec 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default h.class:after not working in IE7

    It should, but can't get it to work. It works fine in FF2.
    Any hints?

    CSS
    Code:
    h4.yes:after{ font-size:1.1em;font-weight:normal;vertical-align:middle; content:url(../general/nav/_ok.png);}
    html
    HTML Code:
    <h4 class="yes">Car access&nbsp;&nbsp;&nbsp;</h4>

  2. #2
    Join Date
    Dec 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Can anyone help, still can't get it to work in IE7...

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The :after pseudo class has never worked in IE before v 7. I have no idea if it works now, I tend to think not.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I just Looked around a bit, and it appears that IE 7 still doesn't support this. Here is a test page, view it in FF (or any browser that complies with this standard) and then in IE 7 - you will see the difference:

    http://www.quirksmode.org/css/beforeafter.html
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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