Opera 12不会隐藏border-radius内容

时间:2013-04-20 09:15:47

标签: html css

也许我太傻了,但我不明白为什么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。

有什么想法吗?

0 个答案:

没有答案