CSS 背景图固定不动,不跟随滚动条滚动 (background-attachment)

这个HTML使用了CSS的background-attachment属性,将背景图片固定,不随内容滚动而滚动。

CSS 背景图固定不动,不跟随滚动条滚动 (background-attachment)

<style type="text/css">
body 
{
background-image:url(../images/css_tutorials/background.jpg); 
background-repeat:no-repeat; 
background-attachment:fixed
} 
</style> 

背景附着(background-attachment)属性有两个值。一个是scroll,表示随内容滚动而动;一个是fixed,表示固定不动,不受内容滚动影响。缺省值是scroll。

background-attachment要和background-image一起用。

背景附着(background-attachment)属性有两个值。一个是scroll,表示随内容滚动而动;一个是fixed,表示固定不动,不受内容滚动影响。缺省值是scroll。

8
蜗牛不带伞
蜗牛不带伞
发表于2018-07-12 1:01
标签 background-attachmentcss前端 归档于 css