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

Description jasneet 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&#305;klay&#305;n".

II Issue:
The text disappears on mouseover.
The expected behavior is: "Hurriyet.com.tr Anasayfa'ya dönmek için t&#305;klay&#305;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

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

Created attachment 20246 [details]
screenshot

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

Created attachment 20247 [details]
reduction

Comment 3 Luke Macpherson 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.