为什么活动元素在Firefox中有文物？

我使用表格创建了一个导航栏，但是在firefox中，主动/被聚焦的元素具有类似于背面图片（```）的顶部显示（我认为它们实际上渲染轮廓很差）：为什么活动元素在Firefox中有文物？

enter image description here

为什么他们在那里，我该如何摆脱他们？

JSFiddle

来源

2014-02-21 gandalf3

我在FF 26或Chrome 32中看不到报告的问题。（我认为它看起来像一只鸭子。） – user2864740

@ user2864740上面的截图是在Linux上的Firefox 27中拍摄的。 – gandalf3

在Windows上的Firefox 27中不会发生。 –

这是Firefox中的渲染问题：#434301。

由David Baron在Firefox的Bugzilla的注释阐明为什么它的样子是原因：

什么CSS说的是，包含块内联得到分成一块块和一块前块后;你会看到之前的块得到一个大纲。这种行为可能不理想......

您可以通过避免有display:block元素是直接在display:inline内避免此问题。

前面的回答：

一个最小的测试用例再现在我的机器的错误：http://jsfiddle.net/P2BEV/2/

enter image description here

注意<a>是内嵌元素而<div>是块元件和一个内联元素不能包含有效HTML的块元素。如果<div>被删除或者如果它被转换为display: inline与CSS，并且它将显示，如果<span>已被转换为display: block，则人造物本身消失。如果您将添加display: block转换为<a>，则人造物也会消失。

再试验一下，每当Firefox绘制包含display:block元素的display:inline元素的轮廓时，似乎都会出现问题。

来源

2014-02-21 00:49:03

试图复制另一台计算机上运行Linux和Firefox的这一问题。如果失败，那么这是您的操作系统，浏览器或图形设置的问题。

来源

2014-02-21 00:37:16 salmanxk

为什么活动元素在Firefox中有文物？

回答

相关问题