相关疑难解决方法(0)

背景大小:覆盖,左侧1px空白

我在我的网站上有一个关于背景大小的小问题:封面我一直在Firefox中测试它,但是当我在谷歌浏览器中加载页面时,我在左侧获得1px白色.当我使用background-position:-1px时,剩下的白边会消失(但我会向右移动).有没有办法解决这个问题,仍然保留封面?

我将它应用于我的身体:背景:url("images/baggrund.jpg")无重复中心固定; 背景大小:封面

我目前无法链接到该网站,但希望我说得足够清楚.

提前致谢

编辑:添加了截图,顶部来自firefox,底部来自Chrome.

截图

html css

10
推荐指数
2
解决办法
8806
查看次数

背景中心与铬(错误)

我有一个居中的背景图片,Chrome显示偏移一个像素.

CSS

#container { 
    background: url("images/header.jpg") no-repeat scroll 50% transparent;
    width: 100%
}
#header {
    width: 986px;
    margin: 100px auto 0 auto;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<html>
<body>
    <div id="container">
        <div id="header">centered content</div>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想这与不同的浏览器如何处理CSS中的center-or 50%属性有关background:

在此输入图像描述

是否有一个已知的(简单)黑客或替代方法来解决这个问题?背景容器必须是100%宽.

css safari google-chrome background-image

7
推荐指数
2
解决办法
9196
查看次数

标签 统计

css ×2

background-image ×1

google-chrome ×1

html ×1

safari ×1