RESOLVED INVALID 18245
background color doesn't change on mouseover causing text to disappear 
https://bugs.webkit.org/show_bug.cgi?id=18245
Summary background color doesn't change on mouseover causing text to disappear
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.