RESOLVED FIXED 12203
-webkit-box-shadow fails on divs with opacity or overflow settings 
https://bugs.webkit.org/show_bug.cgi?id=12203
Summary -webkit-box-shadow fails on divs with opacity or overflow settings
Andreas Amann
Reported 2007-01-10 13:58:05 PST
The following HTML shows that the -webkit-box-shadow does not work on divs where either opacity or overflow values are specified as well - both cases end up with a cosmetic glitch in the bottom right corner (which is visible due to the -webkit-corner-radius property). Tested with latest WebKit nightly as of 01/10/2007 <html> <head> <style type="text/css"> #Shadow { padding: 2px; border: rgb(76, 70, 52) 1px solid; color: #FFFFFF; background-color: rgb(125, 115, 84); -webkit-border-radius: 6px; -webkit-box-shadow: 6px 6px 6px #555555; } #ShadowOpacity { padding: 2px; border: rgb(76, 70, 52) 1px solid; color: #FFFFFF; background-color: rgb(125, 115, 84); opacity: 0.85; -webkit-border-radius: 6px; -webkit-box-shadow: 6px 6px 6px #555555; } #ShadowOverflow { padding: 2px; border: rgb(76, 70, 52) 1px solid; color: #FFFFFF; overflow: auto; background-color: rgb(125, 115, 84); -webkit-border-radius: 6px; -webkit-box-shadow: 6px 6px 6px #555555; } </style> </head> <body> <div id="Shadow">shadow works</div> <br /> <div id="ShadowOpacity">no shadow with opacity</div> <br /> <div id="ShadowOverflow">no shadow with overflow</div> </body> </html>
Attachments
Test case from Comment #0 (991 bytes, text/html)
2007-02-10 17:49 PST, David Kilzer (:ddkilzer) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
David Kilzer (:ddkilzer)
Comment 1 2007-02-10 17:49:49 PST
Created attachment 13113 [details] Test case from Comment #0
mitz
Comment 2 2007-05-18 09:26:36 PDT
The patch attached to bug 12729 fixes this bug as well.
mitz
Comment 3 2007-05-19 23:20:22 PDT
Fixed in r21605.
Note You need to log in before you can comment on or make changes to this bug.