Opera css：盒子阴影错误

Question

我一直忙于创建我的网站，但是在测试我在 Opera 上正在进行的主页的过程中，我注意到它正在添加一个水平滚动条。从我的页面中删减部分后，我注意到如果我只留下一个带有 ID 功能的 div，问题仍然会发生。我尝试通过在上面找不到任何东西来搜索它......在任何地方。 这是一个示例问题页面的链接Opera Box Shadow Bug
重要的是要注意它只出现在 Opera 中，并且作为 CSS3 规范的一部分，它声明 box-shadow 不在高度或宽度上。
有没有人有一个简单的解决方案？我发现唯一有效的方法是在盒子阴影 div 周围或几个 div 周围放置一个包含 Div 并设置溢出：隐藏； ，这远非理想。
我尚未检查 Opera for Windows，但它发生在 Opera for Mac (v11.50) 上。

Answer 1

我在 Windows Opera 中测试了您的文件，它的显示方式相同。 我能够让它工作的唯一方法是在你的#feature div周围包裹一个div，添加溢出：隐藏和更大的高度。这是我的代码

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 中得到了解决。