CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – Firefox在元素上有空白奇怪的bug大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经包含了一个描述这个的 link to a video,但基本上Firefox正在向元素添加左/右空白,使得感知填充与Chrome和IE不同.如果我修改Firebug中的值并更改回来,那么空格就会消失,并且就像我期望的那样工作.这是非常令人沮丧的,任何想法?

请观看the video以获得准确的描述.

谢谢

更新1:这是一个可以检查代码的测试服务器,它可能与视频略有不同但问题仍然相同. test.audrey-oxenhorn.gotpantheon.com

更新2:它似乎是:FF有问题的第一个字母伪元素.我认为这是一个实际的浏览器错误,但我不知道如何解决这个问题.

解决方法

好的,我想出来了!

尝试在JSfiddle上重新创建此尝试后,我发现:第一个字母的伪元素导致了这个问题.然后我做了一些搜索,发现这是一个known browser bug in Firefox,自2007年以来一直开放.有类似的问题here.由于我能够通过触发Firebug的重排/重绘来纠正问题,我怀疑问题是一样的如前所述,我使用以下代码触发该块元素的重排:

@-moz-keyframes bugfix { from { padding-right: 1px ; } to { padding-right: 0; } }

.sf-menu a {
  -moz-animation: bugfix 0.001s;
}

问题解决了,我将bugzilla报告链接到这个问题.

大佬总结

以上是大佬教程为你收集整理的css – Firefox在元素上有空白奇怪的bug全部内容,希望文章能够帮你解决css – Firefox在元素上有空白奇怪的bug所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。