背景100%和滚动问题
我尝试使用以下代码将背景设置为 100%:
html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-color: # f2f2f2;
background-size: cover;
background-attachment: fixed;
background-image: url (.. / images / background.jpg);
background-repeat: no-repeat;
background-position: top left;
}
我的问题是,当我滚动滚动条时,我的内容是断断续续的。 我用图像调整大小脚本 jquery 测试了所有内容 在进行研究时我没有发现任何关于这个主题的信息, 如果我关闭 100% 的背景,滚动又会变得流畅。 我的问题是什么? 网站:http://www.confederationcreative.ch/dcube/en/store/
I try to put a background in 100% with the following code:
html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-color: # f2f2f2;
background-size: cover;
background-attachment: fixed;
background-image: url (.. / images / background.jpg);
background-repeat: no-repeat;
background-position: top left;
}
my problem is that when I scroll the scroll my content is choppy.
I tested everything with image resize script jquery
and doing research I found nothing on the subject,
If I turn off the background at 100%, the scroll is again fluid.
What is my problem?
website: http://www.confederationcreative.ch/dcube/en/store/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
对于我的模糊回答,我深表歉意,但我在 Firefox 4、Internet Explorer 9 和 Chrome 10.0.648.208 中没有遇到任何不稳定的情况。
如果您知道您的浏览器(IE、Firefox、Chrome、Opera 等)和版本(IE9、Firefox 4、Chrome 10、Opera 10 等),这会很有帮助。
另外,您使用的是什么操作系统以及您的计算机规格是什么?这并不重要,但我想我可能会问。
I apologize for my vague answer, but I have not experienced any choppiness in Firefox 4, Internet Explorer 9, and Chrome 10.0.648.208.
It helps if you tell is your browser (IE, Firefox, Chrome, Opera, etc.) and your version (IE9, Firefox 4, Chrome 10, Opera 10, etc.).
Also, what OS are you using and what are your computer specs? Not that it matters, but I thought I might ask.