css - Opera 轮廓渲染错误？

Question

有人知道更多关于 Opera 大纲错误的信息吗？

检查一下:

http://jsfiddle.net/BYgMr/

<div id="outline">TEST</div>
<div id="another-div">Another div</div>

#outline {
    border: solid 1px #000;
    outline: solid 1px red;
    background-color: #fff;
    width: 200px;
    height: 200px;
}

#another-div {
    position: absolute;
    top: 100px;
    left: 100px;
    border: solid 1px #000;
    outline: solid 1px blue;
    background-color: #eee;
    width: 200px;
    height: 200px;
    z-index: 5000; /* even this is not helping */
}

我使用的是最新的 Opera，我检查了两台不同 Opera 版本的不同机器，它们都呈现如下:

那是什么？在任何 FF/Safari/Chrome 中，轮廓都在灰色区域下方，但在 Opera 中它仍然在灰色区域上方(即使 div parent 在下方!)。

Google 搜索仅提供“Opera 9.5+ CSS 错误:在绝对定位上渲染轮廓”链接，但它不想打开。

有任何临时修复吗？或者也许我是盲人，在某个地方犯了一个可怕的错误？

Answer 1

这更像是 Opera 中缺少的规范，而不是错误。一个错误构成了一些不符合规范的东西，Opera 根据步骤 10 遵循 W3 标准 - http://www.w3.org/TR/CSS21/zindex.html )

这是 Opera 中缺少的规范，因为无法在最后绘制的 block (即“轮廓”)上方设置样式。

当我们可以使用边框或框阴影时，不使用轮廓可能符合我们的最大利益，但我不能这样做，因为我有一个工具提示，成千上万的人独立地加载到他们的网站上。而且我没有机会更改每个人的模板样式，我也不想这样做。

我已向 Opera (DSK-339836) 提交错误报告。希望他们能给我们一种方法来在最后绘制的东西(即轮廓)之上绘制一些东西