html - 如何使用背景图片使我的网站滚动更流畅?

标签 html css

有一张背景图片我非常喜欢用于我的网站。为了让它看起来不错,我必须使用 css、background-size:coverbackground-attachment:fixed。但这使得页面上的滚动有点不稳定。有没有办法保留那个 css 和相同的背景图片,但让页面滚动更流畅?

最佳答案

您使用的是背景图片。确切地说是 1.43MB。一旦我的浏览器 ( chrome ) 完全加载了它,你的网站就可以正常滚动了。

使用像 gimp 这样的程序将图像缩小到易于管理的程度。考虑到您选择的背景类型,使用略有不同的图像和使用 CSS 重复选项可能会更好。

您获得的效果将与特定浏览器、操作系统和该计算机的规范密切相关。为了兼容性,请尽可能减少内容。

罗布

关于html - 如何使用背景图片使我的网站滚动更流畅?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9763445/

相关文章:

LI 中的 HTML CSS 垂直对齐

javascript - 禁用 anchor 标记中定义的按钮

Javascript/html5 2d Canvas Context - 获取相对于 Canvas 的 X、Y(与转换后的对象相反)

javascript - Firefox 无法正确布局嵌套表格?

javascript - 如果仅选中某个单选按钮,则显示一个字段

css - 带有 DIV 的可打印样式表

javascript - PHP : How to display loading icon using jQuery?

jquery - 改变光标; div 点击向下滚动到 div

css - 如何做一个 "true"碳纤维CSS背景

html - Materialise CSS Modal 将正文内容向右移动