Bug 18245

Summary:

background color doesn't change on mouseover causing text to disappear

Product:

WebKit

Reporter:

jasneet <jasneet>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

jasneet, macpherson

Priority:

Keywords:

HasReduction

Version:

525.x (Safari 3.1)

Hardware:

OS:

Windows XP

URL:

http://fotogaleri.hurriyet.com.tr/

Attachments:

Description	Flags
screenshot	none
reduction	none

jasneet

Reported 2008-03-31 11:57:11 PDT

I Steps: Go to http://fotogaleri.hurriyet.com.tr/ Mouseover on topmost text "Hurriyet.com.tr Anasayfa'ya dönmek için tıklayın". II Issue: The text disappears on mouseover. The expected behavior is: "Hurriyet.com.tr Anasayfa'ya dönmek için tıklayın" should appear white on red background. Since the background color doesn't change to red and the text changes color to white so text is not seen. III Conclusion: Above issue is caused due to a.anasayfalink:hover {color:#fff; background-color:#ff0000;} the text color changes on hover but not background color. IV Other browsers: IE7: ok FF3: not ok Opera9.24: not ok V Nightly tested: 31386

Attachments
screenshot (157.28 KB, image/jpeg) 2008-03-31 11:57 PDT, jasneet	no flags	Details
reduction (341 bytes, text/html) 2008-03-31 11:58 PDT, jasneet	no flags	Details
View All Add attachment proposed patch, testcase, etc.

jasneet

Comment 1 2008-03-31 11:57:40 PDT

Created attachment 20246 [details] screenshot

jasneet

Comment 2 2008-03-31 11:58:37 PDT

Created attachment 20247 [details] reduction

Luke Macpherson

Comment 3 2011-10-10 20:42:41 PDT

This is behaving correctly. According to the CSS spec, the color property is inherited from the parent node, but the background-color is not inherited. If you want this behavior you need to specify style=background-color:inherit; on the div inside the link.

Note You need to log in before you can comment on or make changes to this bug.