CSS梯度在Firefox中不是静态的
第一次发布 - 希望有人可以提供帮助。
我在使用Ajax的页面上有一个梯度背景（在通话后很长时间）。
在IE（版本9）中，当我向下滚动时，梯度背景保持不变，但是在Firefox（版本6）中，梯度对于一个正常的页面长度是正确的，但是当我向下滚动后台梯度时，请重复。
有什么办法可以让Firefox与IE相同（无论我滚动多远，请保持相同？
这是我的CSS与梯度有关：
html {
background-color: #8c827a;
height: 100%;
margin: 0 0 1px;
padding: 15px;
/* Mozilla: */
background: -moz-linear-gradient(top, #8c827a, #2B2825);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#8c827a), to(#2B2825));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#8c827a', EndColorStr='#2B2825', GradientType=0);
}
first time posting - I hope somebody can help.
I have a gradient background on a page which uses ajax (and becomes quite long after the call).
In IE (version 9) the gradient background stays the same when I scroll down, however in Firefox (version 6) the gradient is correct for one normal page length, but when I scroll down the background gradient repeats itself.
Is there any way I can get firefox to do the same as IE (stay the same no matter how far I scroll?
Here is my css relating to the gradient:
html {
background-color: #8c827a;
height: 100%;
margin: 0 0 1px;
padding: 15px;
/* Mozilla: */
background: -moz-linear-gradient(top, #8c827a, #2B2825);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#8c827a), to(#2B2825));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#8c827a', EndColorStr='#2B2825', GradientType=0);
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
要使其他浏览器的行为与Internet Explorer相同，您可以制作背景
filex：确保在两个
背景之后放置背景，声明。To make other browsers behave the same as Internet Explorer, you can make the background
fixed:Make sure you place
background-attachmentafter the twobackgrounddeclarations.添加此CSS：
此属性“销钉”浏览器视口上的背景。
Add this CSS:
This property "pins" the background at the browser viewport.