固定背景在Chrome但不能在Firefox中工作

Question

我遗漏了什么吗？

body {
   margin: 0 auto;
   padding: 0;
   font-family: helvetica, sans-serif, Arial;
   color: #333333;
   font-size: 13px;
   background: white url(images/bg.jpg) no-repeat fixed top center;
}

Answer 1

在SearchAndShare.css中，有一个body {background-attachment: inherit;}规则，因为此工作表的调用晚于主工作表，它会从主工作表中否决"fixed"

删除该规则可以修复Firefox，不确定inherit是否是对后台附件的有效调用，但即使是，也意味着您需要设置background-attachment: fixed" on the html element so the body"有东西要从继承"

更新：是的，如果你不想破坏插件SearchAndShare.css文件，将html {background-attachment: fixed}添加到主工作表中也会修复它

当使用缩写background属性时，属性的顺序应该是

1. 颜色
2. 图像
3. 重复
4. 附件
5. 位置

尝试按以下方式更改样式（更改repeat顺序并添加attachment，看看它是否有区别：

background: white url(images/bg.jpg) no-repeat fixed center 0;

然后移除background-attachment:fixed;

编辑：显然，混合关键字和值会导致一些浏览器阻塞。因此centre 0可能是FF中的问题。

尝试50% 50%或center center

尝试使用此

background: url(under.gif) no-repeat fixed 10% 20%;

或

width: 780px;
font-family: Arial;
font-size: 0.8em;
background: url(images/bg.jpg) top left repeat-y;
border: 1px solid #e6930f

希望这有帮助z…：）