CODEWITHSUNDEEP
google-chromebackgroundimagecss
Thomas
Thomas

Reputation: 8859

Chrome: Box-shadow not shown on img with background

I have images on my website with a background (loading indicator, but happens with any background) which worked perfectly half a year ago. But since a few months Chrome doesn't show the box-shadow anymore.

I've set up a fiddle to try to reduce it to the esentials. It only happens to some images (perhaps to do with transparency?) and sometimes it happens only after the image is redrawn (selected, moved). When I remove the background the shadow is visible.

http://jsfiddle.net/PJ7f5/5/

Does anyone have any idea?

Upvotes: 3

Views: 1415

Answers (1)

Kirk
Kirk

Reputation: 16245

Update 2 See @arttronics comment below.

http://jsfiddle.net/z89x9/37/

.img {
    background-color: red;
    width:100px;
    height:100px;
    box-shadow:2px 2px 8px rgba(0, 0, 0, 1);
    padding-left: 1px;
    margin-left: -1px;
}
.img:hover {
    margin:2px;
}
​

Upvotes: 2

Related Questions