Opera css：盒子阴影错误

Question

我一直忙于创建我的网站，但是在测试 Opera 上正在进行的主页的过程中，我注意到它添加了一个水平滚动条。从我的页面中删除一些内容后，我注意到如果我只留下一个具有 ID 功能的 div，问题仍然会发生。我尝试搜索它，但在任何地方都找不到任何内容。 以下是示例该问题的页面链接Opera Box Shadow Bug
值得注意的是，它只出现在 Opera 中，并且作为 CSS3 规范的一部分，它指出 box-shadow 不在高度或宽度上。
有人有一个简单的解决方案吗？我发现唯一有效的方法是在盒子阴影 div 周围放置一个包含 Div，或者在几个 div 周围放置一个包含 Div 并设置 Overflow:hidden; ，这与理想状态相去甚远。
我还没有检查过 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 中得到了解决。