html - 固定图像背景

标签 html css

我有一小段 CSS 代码 body { background: url(images/bg.jpg) repeat-x scroll center top; 但我希望背景始终固定为背景图像,而不是固定在页面顶部。

实现此目标的最佳做法是什么?如果您查看下图,您会发现即使向下滚动,背景也固定在屏幕顶部,而不是固定为背景图像。

enter image description here

最佳答案

body { 
    background: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

关于html - 固定图像背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39994899/

相关文章:

javascript - 从 div 到 div 来回移动和/或拖动元素并动态捕获它的 div 字符串

html - 响应式网页设计对齐流动和固定的 Div

html - 兄弟选择器 * + * 和 * ~ * 背后的逻辑是什么?

html - 如何更改 Bootstrap 轮播指示器和控件

javascript - 如何关闭:hover after user clicks button?

html - 有什么办法可以使 css 中文本的背景不透明吗?

html - 为 Bootstrap 菜单创建子菜单

html - WebKit 中的水平网页

html - IE 7 & 8 中的 URL 参数双重编码问题

css - div 的内容影响水平对齐,inline-block 问题