前端之家收集整理的这篇文章主要介绍了
html – 背景大小:封面,左边1px空格,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的网站上有一个关于background-size:cover的小问题
我一直在Firefox中测试它,但是当我在谷歌浏览器中加载
页面时,我在左侧获得1px白色.当我使用background-position:-1px时,剩下的白边会消失(但我会向右移动).有没有办法
解决这个问题,仍然保留封面?
我将它应用到我的身体:背景:url(“images / baggrund.jpg”)无重复中心固定;背景大小:封面
我目前无法链接到该网站,但希望我说得足够清楚.
提前致谢
编辑:添加了一个截图,顶部来自firefox,底部来自Chrome.
试试这个:
background: background:url("images/baggrund.jpg") no-repeat 49% center fixed;
background-size: cover;
在chrome中,当你使用“background-size:cover”时,如果background-image的xpos不低于50%,你就会遇到这个问题.
因此,xpos设置为49%(或49.9%以减少错误)而不是“中心”将解决该问题.
我的英语不好,我希望你知道我的意思.
原文链接:https://www.f2er.com/html/228078.html