gpt4 book ai didi

css - 带有 chrome 的背景中心(错误)

转载 作者:技术小花猫 更新时间:2023-10-29 11:09:38 25 4
gpt4 key购买 nike

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

CSS

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

HTML

<html>
<body>
<div id="container">
<div id="header">centered content</div>
</div>
</body>
</html>

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

enter image description here

是否有已知的 ( simple) hack 或替代方法来解决这个问题?背景容器必须为 100% 宽。

最佳答案

如果您可以输出比浏览器窗口更宽的图像,应该可以解决这个问题。

如果在这里找到解决方案 - http://philfreo.com/blog/fixing-safaris-1px-background-image-centering-problem/

关于css - 带有 chrome 的背景中心(错误),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6454019/

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