Bug 42916 - -webkit-box-shadow renders box-shadow behind an image element if specified for img
Summary: -webkit-box-shadow renders box-shadow behind an image element if specified fo...
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC OS X 10.5
: P2 Normal
Assignee: Nobody
URL: http://dl.dropbox.com/u/952/pola/inde...
Keywords:
Depends on:
Blocks:
 
Reported: 2010-07-23 16:13 PDT by Divya Manian
Modified: 2012-11-16 19:05 PST (History)
0 users

See Also:

Attachments
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 Divya Manian 2010-07-23 16:13:32 PDT 
The spec says box-shadow should render on all elements.  The inset shadow seems to render behind the contents of the element, this would be fine for all elements except the image element, where it should render in front of the image to serve any useful purpose. 

You can see this in action on the URL mentioned. The left image does not seem to have any box-shadow, but the right image (which is a transparent version of the left one) has them. 

Also reducing the opacity of the image does not seem to have any effect on getting the box-shadow to show (but using an image with inherent alpha transparency works). 

This is a cross-browser issue: Safari/Chrome/Opera/Firefox.