Bug 18245 - background color doesn't change on mouseover causing text to disappear
Summary: background color doesn't change on mouseover causing text to disappear
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 525.x (Safari 3.1)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://fotogaleri.hurriyet.com.tr/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2008-03-31 11:57 PDT by jasneet
Modified: 2011-10-10 20:42 PDT (History)
2 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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ı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
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.