SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

    does IE9 support color:transparent and li:nth-child(1)?

    does IE9 support color:transparent and li:nth-child(1)? That's font color transparent.

    I'm doing something ie8 pukes on but I can live with it if ie9 picks it up. Thanks

  2. #2
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,283
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    I didn't know anyone supported color: transparent. Instead, usually you'd choose the same colour as the background.

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    The background is transparent. So can't. I found out that ie9 does support it. So do all the others.

  4. #4
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Supports both that is.

  5. #5
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,283
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Huh, that'll make a good trick.

  6. #6
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    It was a good trick. It's a style sheet switcher with two links. On and off. But I wanted it to be a toggle. So it just shows one link - either on or off. Once I wrapped my brain around - two ours later - I got it working. A little AP - second style sheet - transparent text trickery.

  7. #7
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,283
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Wait, there are always two links in the markup, and one is hidden by being invisible?

    Would confuse me as a user. I am known for hitting CTRL-A on pages I'm reading regularly since it's easy-lazy contrast. :P

  8. #8
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    I don't know what control A does. I'm guessing regardless though it would work. They are both AP with no positioning. So they just drop over each other. Then transparent one or the other an z index so it looks like your clicking one but really the other. It works.

  9. #9
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,283
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by eric
    I don't know what control A does.
    Highlights content on the page. I believe it's cross-OS so you can try it. It's a nice way to copy everything on a page (to your clipboard for example), but as a side-effect you get a sort of high-contrast highlighting on your text too (except when the webdev has changed/set the highlight colour, unfortunately).

  10. #10
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,812
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    You can use equivalences.

    Assuming you are in standards mode ( and why would you NOT be?) you can use rgba(x,x,x,0) to simulate color:transparent; this will not work in IE8 tho :/
    also li:nth-child(1) should be equivalent to li:first-child

  11. #11
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Yes. A good solution! Thank you bro. I did not know that or think of it for some reason. rgba should work perfectly then. Problem solved.

  12. #12
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Ha ha maybe because I did not know it. I just figured ie8 didn't.

  13. #13
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,283
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by phoenix
    also li:nth-child(1) should be equivalent to li:first-child
    I thought Eric was deliberately using the nth-child version specifically to keep IE8 out, since it does support first-child but not the various nth-childs.

  14. #14
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Stomme poes View Post
    I thought Eric was deliberately using the nth-child version specifically to keep IE8 out, since it does support first-child but not the various nth-childs.
    I was because I thought ie couldn't do transparent. But now I shouldn't have too

  15. #15
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by dresden_phoenix View Post
    You can use equivalences.

    Assuming you are in standards mode ( and why would you NOT be?) you can use rgba(x,x,x,0) to simulate color:transparent; this will not work in IE8 tho :/
    also li:nth-child(1) should be equivalent to li:first-child
    OK I wasnt going crazy. IE8 does not seem to support rgba 0,0,0,0


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
  •