CSS Background change on element hover not displaying correctly ...

RESOLVED INVALID

Status

()

Core
Layout
RESOLVED INVALID
16 years ago
16 years ago

People

(Reporter: Lee Willis, Assigned: Marc Attinasi)

Tracking

Trunk
x86
Linux
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

16 years ago
Hovering over the text "force9" shades the background of the whole text
according to the stylesheet. Hovering over the image shades the correct width,
but only as high as text would have been. Background of the whole image should
be changed.

Problem first noticed in galeon, but fails in mozilla 0.9.9 as well ...
Sorry, this is invalid.

You have set a hover style on the <a>.  The height of the <a> is the height of
the font, like any non-replaced inline.  The image does not affect that.  If you
want the background to change across the whole image, you should do something
like:

a:hover * { background: whatever }

or 

a:hover img { background: whatever }

Given the CSS in that testcase, the rendering is correct as it stands.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 16 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.