也许我太傻了,但我不明白为什么Opera 12没有理想的行为。我创建了一个最小样本:
<div id="outer" style="width: 500px; height: 500px; border: 1px solid black; border-radius: 100px; overflow: hidden;">
<div id="inner" style="width: 500px; height: 500px; background-color: red;">
</div>
</div>
外部容器具有边框半径。必须删除内部div中与外部div重叠的所有内容。这是通过“overflow:hidden”完成的。
这在Firefox,Internet Explorer,Chrome和Safari中完美运行。唯一不那样的浏览器是Opera。我测试了Opera 11和12。
有什么想法吗?