When I mouseover a span.label element I want to show a children span.dM element. Which is perfectly happening in the fiddle below.
Here is the fiddle
What I am trying to achieve is when I hover in the place of where span.dM appears then I should get a gray background for span.label. Currently I have to hover on the text “some text” to see the span.dM element.
I want to fix this without using any width. Any suggestions ? Thanks in advance.
you cannot hover over a
display:none.If it’s possible, hide the span with
visibility:hidden.This way the element isn’t removed from the document flow, and you can hover on it.
http://jsfiddle.net/z4JBG/