BoxShadow：插入img标签 [英] BoxShadow: inset on img tag

问题描述

我试图在图像上创建浮雕效果（如宝丽来）。所以应该有一个顶部的盒子阴影和左边缘插入图片。但它不工作...这是一个浏览器问题：

我创建了一个jsfiddle

I'm trying to create a embossed effect on an image (like a polaroid). so there should be a box-shadow on the top and the left edge insetted to the picture. But it isn't working... is this a browser problem:

I have created a jsfiddle http://jsfiddle.net/PEgBv/25/ to show what i want.

I like it like on the second div box, (where it is working). But on the images, the shadow is only displayed without the inset attribute.

Working with chrome14 on linux

解决方案

CSS3 inset shadows don’t work on images, but there is a workaround,

Check here: http://bavotasan.com/2011/adding-inset-shadow-to-image-css3/

这篇关于BoxShadow：插入img标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！