gpt4 book ai didi

css - Firefox 到底对我的导航做了什么?

转载 作者:行者123 更新时间:2023-11-28 11:14:48 26 4
gpt4 key购买 nike

好吧,我完全被这个难住了。 Firefox (FF 11/OS X) 在 http://ntcc.johnmbjerke.com/ 上的导航栏底部呈现一条白线但一旦您将鼠标悬停在其中一个元素上或向下滚动页面并返回,它就会消失。

我把所有看似相关的元素都搞砸了,但运气不好。有什么想法吗?

屏幕截图在这里:http://d.pr/5gKE

最佳答案

这实际上不是白线,而是由于 background-size 属性而导致的子像素渲染,正如其他人在上面的评论中正确识别的那样。无法避免这种 1px 子像素渲染,因为它来自 background-size 属性及其渲染图像的方式。

最好的办法是将 background-position 在 y 轴上移动 -1px。这意味着子像素渲染仍然会发生,但它会发生在用户看不到 1px 白色的底部。

只需将 background-position: center center 更改为 background-position: center -1px

这是更改后的屏幕截图:http://d.pr/rOX9

关于css - Firefox 到底对我的导航做了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10111424/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com