Opera css：box-shadow bug

Question

我一直在忙着创建我的网站，但是在测试Opera上正在进行的主页面的过程中，我注意到它正在添加一个水平滚动条。在我的页面中删除了一些内容之后，我注意到如果我只留下一个具有ID功能的div，问题仍然存在。我尝试搜索它无法找到任何东西......任何地方。 以下是指向问题Opera Box Shadow Bug的示例页面的链接 重要的是要注意它只出现在Opera中，并且作为CSS3规范的一部分，它表明盒子阴影不在高度或宽度。
有人有一个简单的解决方案吗？我发现唯一有效的方法是在框阴影div周围放置一个包含Div，或者在几个div周围放置并设置overflow：hidden; ，这远非理想。
我没有检查Opera for Windows，但它出现在Opera for Mac（v11.50）上。

Answer 1

我在Windows Opera中测试了你的文件，它以同样的方式显示。 我能够使其工作的唯一方法是在#feature div周围包裹div，添加overflow：hidden和更大的高度。这是我的代码

html, body {
margin: 0;
padding: 0;
}
#hidden{
height:400px;
overflow:hidden;
}
#feature {
width:100%;
height: 375px;
background: #000;
box-shadow: 0 4px 4px 4px #000;
}


<div id="hidden">
   <div id="feature">
   </div>
</div>

除此之外，我会使用重复的1px宽图像。

Answer 2

该错误似乎至少在Opera 11.60中得到了解决。