html - 盒子阴影 : inset on img tag

标签 html css cross-browser

我正在尝试在图像(如宝丽来)上创建浮雕效果。所以顶部应该有一个盒子阴影,左边缘插入图片。但它不起作用...这是浏览器问题吗:

我创建了一个 jsfiddle http://jsfiddle.net/PEgBv/25/展示我想要的东西。

我喜欢它在第二个 div 框(它正在工作的地方)。但是在图像上,阴影仅在没有 inset 属性的情况下显示。

在 Linux 上使用 chrome14

screenshot from Chrome14 on linux

最佳答案

CSS3 嵌入阴影不适用于图像,但有一个解决方法,

在这里查看:http://bavotasan.com/2011/adding-inset-shadow-to-image-css3/

关于html - 盒子阴影 : inset on img tag,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7644785/

相关文章:

html - 在 IE8 中 anchor 链接和 css 透明的背景图像

html - CSS中图像的中心字母

html - 除了 stylesheet.css 之外,我应该为 OpenCart 模板更新修改哪些 CSS 文件?

html - 简单的分页以及如何创建链接

css - 与IE10+相比,IE9不支持的所有CSS规则有没有聪明的方法?

css - 有没有办法在 HTML 中使用图层并将 CSS 文件应用于特定图层?

css - 假输入文本字段 - 何时获得焦点以及如何将图标从左侧推开

css - 从Intraweb区域删除所有内联样式

html - 如何为 Internet Explorer 7 和 8 填充 CSS 3 样式?

css - Microsoft Edge 后台附件 :fixed not working