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

<{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}添加到主页也会修复它

Answer 2

使用简写background属性时，属性的顺序应为

颜色
图像
重复
附接
位置

尝试更改样式，如下所示（更改repeat订单并添加attachment并查看它是否有所作为：

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

然后删除background-attachment:fixed;

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

尝试50% 50%或center center

Answer 3

尝试使用此

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

希望这有帮助......：）

固定背景适用于Chrome而非Firefox？

3 个答案: