I have problem with the :hover
pseudo-class of CSS.
I am using it like
tr.lightRow:hover {
color:red
}
It works in Safari and Firefox but it does not work in IE7. Please help me.
You can't apply a hover to just the pseudo element.
The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an element with the cursor (mouse pointer).
To display div element using CSS on hover a tag: First, set the div element invisible i.e display:none;. By using the adjacent sibling selector and hover on a tag to display the div element.
The :before and :after selectors in CSS is used to add content before and after an element. The :hover is pseudo-class and :before & :after are pseudo-elements. In CSS, pseudo-elements are written after pseudo-class. Syntax: a:hover::before { // CSS Property } a:hover::after { // CSS Property }
IE7 supports :hover, at least in standards mode. It may not in quirks mode.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With