我想利用我正在处理的网站的新CSS3框阴影功能.问题是,如果内部有img(边框在图像区域周围隐藏),Chrome 9.0.5和Opera 10无法正确渲染插入边框.
我知道box-shadow仍在进行中,但我希望浏览器能够完全支持它或完全忽略它.
<!doctype html>
<html>
<head>
<style>
div {
border: 1px solid black;
width: 300px;
height: 200px;
overflow: hidden;
// CSS3 inset shade
-moz-box-shadow: inset 0 0 20px red;
-webkit-box-shadow: inset 0 0 20px red;
box-shadow: inset 0 0 20px red;
}
</style>
</head>
<body>
<div>
<img src="http://www.google.com/images/logos/ps_logo2.png" width="364" height="126" alt="" />
</div>
</body>
</html>
有人知道一些解决方法来正确渲染红色阴影吗？
谢谢!
编辑:我对答案很满意,但只是想添加一个实时链接来帮助其他人.这里是
css3 ×1