问题描述
我的一位客户抱怨他的网站上出现了一些“伪像”,这些“伪像”出现在他的带有 Firefox 的 HP 笔记本电脑上(Chrome 没有显示任何问题)。他使用的是 Windows 10,他说他的 Windows 默认缩放为 125%,而他的 Chrome/Firefox 使用 100% 视图模式。
所以我在我的联想笔记本上试了一下,模拟客户说的情况,我没有看到问题。然后我在戴尔笔记本电脑上试了一下,结果和客户说的一模一样。 HTML 代码非常简单:
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; background-image: url("https://www.sitepor500.com.br/imagens/fundo3.jpg");"></div>
<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(https://www.sitepor500.com.br/imagens/vegas-04.png) top left repeat; background-attachment:fixed;"></div>
您可以在计算机上的 http://quemfazsite.com.br/temp/teste.php 上实时查看此代码。
在我的 Chrome 上,我看到了这个:
在我的 Firefox 上,我看到了:
你能看到右边的文物吗?那么,是否有一个 CSS 属性可以用来告诉浏览器按预期工作并避免这些工件?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)