This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 14749 - Additional CSS3 box-shadow property to add shadow over img element
Summary: Additional CSS3 box-shadow property to add shadow over img element
Status: NEW
Alias: None
Product: CSS
Classification: Unclassified
Component: General (show other bugs)
Version: unspecified
Hardware: All All
: P2 normal
Target Milestone: ---
Assignee: This bug has no owner yet - up for the taking
QA Contact: This bug has no owner yet - up for the taking
URL: http://jsfiddle.net/laukstein/RAAUv/3...
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-11-10 06:06 UTC by Binyamin
Modified: 2012-01-31 18:50 UTC (History)
2 users (show)

See Also:

Attachments

Description Binyamin 2011-11-10 06:06:04 UTC 
Actually it is more feature then bug.


Please provide new standard - additional CSS3 box-shadow property to add shadow over img element!!


Basing on http://www.w3.org/TR/css3-background/#the-box-shadow "..inner shadows of an element are drawn immediately above the background of that element (below the borders and border image, if any)." there still are not such a option.

CSS hack `box-shadow:0 0 30px #000 inset;background-image:url(image.jpg);background-size:100%;` will work fine, but how to implement it to img element with no JavaScript simulating for it.


Here is demo http://jsfiddle.net/laukstein/RAAUv/3/show/ (code view in http://jsfiddle.net/laukstein/RAAUv/3/) with three box-shadow inset examples:

  * img element with box-shadow
  * div element with box-shadow
  * div element with box-shadow, background-image and background-size
Comment 1 Edward O'Connor 2012-01-31 18:50:01 UTC 
Moving to the General component, as I don't see what this has to do with CSS Regions.