Not signed in (Sign In)

Vanilla 1.1.8 is a product of Lussumo. More Information: Documentation, Community Support.

Syntax Highlighting

You can highlight any code you post by wrapping it in the BBCode tags, [code lang="css"]code here[/code]. Other usable lang values are "xml", "html", "xhtml", "css", "js", "javascript", "php", "sql", "python", "py", "ruby", "rb", and "java".

Choose the Format Comments option "SyntaxHighlighter" to use this BBCode. Note that no other BBCode is supported at the moment.

Advanced CSS: IE 8 rollover display of child elements

Bottom of Page

1 to 3 of 3

  1.  
    • CommentAuthorgkrajeski
    • CommentTimeJan 7th 2010
     
    I am having an issue when trying to implement a rollover situation similar to the way Bing does their main page. I had it working with just CSS before, but now that IE 8 is out, I'm seeing issues.

    I have a region that on hover/mouseover a box appears. When the box is hover/mouseover, a word box appears. On mouseout of either and their child element's visibility is hidden.

    I have tried moving this solution over to jquery, but am still seeing issues. The hover display works in IE 8 ONLY when you are on the border of the parent element.

    Has anyone seen similar issues and/or found a solution?

    http://www.baranidesign.com/web/anemometer.html
    • CommentAuthorgkrajeski
    • CommentTimeJan 8th 2010
     
    Alternate Javascript version here: http://krajeski.net/baranidesign/anemometer.html
    • CommentAuthorgkrajeski
    • CommentTimeJan 13th 2010
     
    I was able to resolve by setting the background attribute with a clear 1x1 pixel image. Not sure why or how, but it works

1 to 3 of 3

  1.  

Valid XHTML 1.0 Strict

Valid CSS!