html中怎么设置背景图片固定,css如何实现固定的背景图像

所谓固定背景图像，就是当我们在页面输入任何内容时或者移动鼠标，背景图像都不会发生变动。css实现背景图像固定也是非常简单的，我们可以使用css中的background的相关属性来实现。

推荐参考：《CSS教程》

那么我们在前面的文章中有给大家介绍过CSS如何实现背景图像重复效果。

下面我们就继续给大家介绍css背景图像固定的实现方法。

代码如下：

body {

background-image: url("/test/img/154e.png");

background-repeat: no-repeat;

background-attachment: fixed;

}

这里是一行文字：圣诞节快乐！

效果如下图：

background相关属性：

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。其值为fixed表示当页面的其余部分滚动时，背景图像不会移动。

background-repeat 属性设置是否及如何重复背景图像。

本篇文章就是关于css实现背景图像固定的方法介绍，简单易懂，希望对需要的朋友有所帮助！

html中怎么设置背景图片固定,css如何实现固定的背景图像相关推荐

html背景图片横屏,CSS背景颜色背景图片居中重复固定样式background经验篇
我们使用CSS Background样式属性,可以设置网页背景单一颜色.网页背景为图片.网页背景图片居中于网页.网页背景图片网页固定位置.网页背景图片中网页中重复平铺等css背景样式介绍与案例讲解. ...
html div背景图片路径,css如何设置背景图片位置？
在使用背景图片时,经常会遇到背景图片所在的位置不是我们想要的,那如何设置背景图片的位置呢?下面我们来看一下css设置背景图片位置的方法. 在背景图片的背景图片位置属性中,background-posi ...
用css使用html设置背景图片自适应,CSS怎么设置背景图片自适应全屏？附源码！...
不少同学在设置网站背景图片时会遇到这么一个问题:背景图片总是不能铺满整个屏幕,不是图片太小就是图片被过度放大,显得不太美观.那么 CSS 怎么设置背景图片自适应全屏呢?这篇文章告诉你. 实现效果: 源 ...
jquery设置背景图片:$(this).css(background-image,url(on.jpg));就可以了
原文地址为: jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了 jquery设置背 ...
Android 更改纯色背景图片颜色，可实现一张背景圆形图片展示不同颜色
Android 更改纯色背景图片颜色,可实现一张背景圆形图片展示不同颜色项目中可能会遇到比如多个纯色圆形背景列表或者说纯色圆形头像背景,一般让UI设计师设计多张背景图:但是有更好的方法只需一张图就可 ...
android 图片转换圆形黑色背景,Android 更改纯色背景图片颜色，可实现一张背景圆形图片展示不同颜色...
Android 更改纯色背景图片颜色,可实现一张背景圆形图片展示不同颜色项目中可能会遇到比如多个纯色圆形背景列表或者说纯色圆形头像背景,一般让UI设计师设计多张背景图:但是有更好的方法只需一张图就可 ...
Qt QGraphicsScene绘制背景图片，并解决item移动破坏背景问题。
今天尝试了一个Qt的QGraphics框架,框架的概念如下: 具体的框架介绍不是本文的重点,就不多介绍,本文要解决的问题是在scene上绘制背景图片,并解决item移动破坏背景的问题. 毕竟scene ...
前端背景图放置_前端开发关于网页背景图片的缩放自适应及组合形成背景图的问题...
前端游戏开发贴吧游戏前端开发游戏开发流程策划美术前端后端昨天在切图时遇到如下两个问题: 1.需要背景图片无论浏览器大小如何缩放,背景图片始终宽度百分百显示. 2.需要将给出的一张背景图片和一张 ...
css样式里把背景设置为图片,利用css如何设置全屏背景图片
利用css如何设置全屏背景图片如果你有一张比较绚烂的图片想做背景,可以这样设置,就跟随百分网小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网! 代码如下: body{ backg ...
html加背景图片不动,css如何设置背景固定不动？
在前面的经验中,我们知道了怎么用css来设置背景图片,但是鼠标滚动滚轮时,背景图片会随同网页内容一起滚动,怎么才能让背景图片固定不动呢? 背景图固定不动,不跟随滚动条滚动: 背景附着属性 backgr ...

html中怎么设置背景图片固定,css如何实现固定的背景图像

html中怎么设置背景图片固定,css如何实现固定的背景图像相关推荐

最新文章

热门文章