CSS "outline"Webkit 和 Gecko 上的不同行为行为

Question

我正在进行一项实验，我发现“轮廓”CSS2 属性在 Webkit 和 Gecko 上的实现方式不同

在下面的脚本中，我在另一个 div 中有一个绝对位置 div，但在它之外 float 。 Webkit 上的大纲概述了实际的父 div，而在 Gecko 上，它扩展以覆盖子项。

http://jsfiddle.net/KrCs4/

我错过了什么吗？在 Gecko 上是否有我需要覆盖的属性？还是应该将其报告为错误？

Webkit 截图:

Firefox 截图:

编辑:

已确认这是一个错误，这里有一个解决方法:http://jsfiddle.net/7Vfee/ (您需要确保父级定位:相对或绝对，此解决方法才能起作用。

Answer 1

我遇到了同样的问题，所以我将它从使用轮廓换成了使用框阴影:

box-shadow: 0px 0px 0px 1px #FFF;

代替

outline:1px #dcdcdc solid;