如何解决固定背景在Chrome中有效,但在Firefox中不可行?
| 我想念什么吗?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;
}
解决方法
在
SearchAndShare.css
中有一个body {background-attachment: inherit;}
规则,因为此工作表的调用晚于您的主工作表,所以将your3ѭ从主工作表中排除
删除该规则可以修复Firefox,但不确定继承是否是对背景附件的有效调用,即使是继承,这也意味着您需要设置background-attachment: fixed\" on the
htmlelement so the
body`可以继承的内容
更新:是的,如果您不想弄乱插件SearchAndShare.css
文件,则在主表中添加main7ѭ也会对其进行修复。
,使用速记background
属性时,属性的顺序应为
颜色
图片
重复
附件
位置
尝试按以下方式更改样式(更改repeat
顺序并添加attachment
,看看是否有区别:
background: white url(images/bg.jpg) no-repeat fixed center 0;
然后取出the12
编辑:显然,将关键字和值混合会导致某些浏览器阻塞。因此,“ 13”可能是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
希望这个帮助... :)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。