Opera大纲渲染bug?

ano*_*ous 9 css opera outline

有没有人知道更多关于Opera大纲的错误?

看一下这个:

http://jsfiddle.net/BYgMr/

我正在使用最新的Opera,我已经检查了两台具有不同Opera版本的不同机器,它们都呈现如下:

http://img156.imageshack.us/img156/3209/divs.png

那是什么?在任何FF/Safari/Chrome中,轮廓都在灰色区域以下,但在Opera中它仍然在上面(即使div父级在下方!).

谷歌搜索只提供"Opera 9.5+ CSS bug:渲染轮廓绝对定位"链接,但它不想打开.

任何临时修复?或者也许我是盲人并在某处犯了一个可怕的错误?

yek*_*kta 5

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

这是Opera缺少的规范,因为没有办法在最后一个块上面设置一个样式,即"轮廓".

我们最好的利益是在我们可以使用边框或盒子阴影时不使用轮廓但我不能这样做,因为我有一个工具提示,成千上万的人独立加载到他们的网站上.而且我没有改变每个人的模板样式的奢侈品,也不是我想要的.

我已向Opera(DSK-339836)提交了一份错误报告.希望他们能给我们一种方法来绘制最后绘制的东西(即大纲)


web*_*sta 1

这本身并不是一个“错误”,而是规范实施方式的差异。轮廓突出显示了框的边缘。就是这样。它不应该被用作边界。如果仔细观察,您会发现只有红色轮廓与另一个框重叠,但深色边框却没有。

您使用边框、轮廓和重叠的 div是否有原因?这似乎是一个奇怪的用例。如果您需要同时使用两者,您可以使用 box-shadow 作为一点技巧来在最新的浏览器中获得您想要的效果:box-shadow: 0px 0px 0px 1px red;

  • 如果看不到盒子,那么突出显示它就没有意义。 (2认同)