举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > cssbackground属性简书 CSS background-attachment 属性

cssbackground属性简书 CSS background-attachment 属性

2023-05-08 12:20 CSS参考手册

cssbackground属性简书 CSS background-attachment 属性

cssbackground属性简书

CSS background 属性是用来设置元素的背景,它可以用来设置背景颜色、图片、渐变以及其他背景属性。它是一个复合属性,可以使用多个值来定义不同的背景属性。

background 属性有很多不同的值,但是最常用的是 background-color 和 background-image 。background-color 用于设置元素的背景颜色;background-image 用于设置元素的背景图片。

background: #FF0000 url(bg.jpg) no-repeat center center;

上面这行代码将会将元素的背景设为 #FF0000 的颜色(即红色);并且将 bg.jpg 这张图片作为背景图片;no-repeat 表明不重复显示这张图片;center center 表明将这张图片居中显示在元素中。

此外,CSS background 还有一些其他常用的属性:background-size 用于调整背景图片的大小;background-position 用于定位背景图片在元素中的位置;background-repeat 用于重复显示背景图片。

background: #FF0000 url(bg.jpg) no-repeat center center / 100px auto;

上面这行代码将会将 bg.jpg 这张图片作为背景图片并且宽度为 100px (即 100 像素)、高度根据原始尺寸进行调整。

CSS background-attachment 属性

定义和用法

background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。

默认值:scroll
继承:no
版本:CSS1
JavaScript 语法:object object.style.backgroundAttachment="fixed"


属性值

说明
scroll背景图片随页面的其余部分滚动。这是默认
fixed背景图像是固定的
inherit指定background-attachment的设置应该从父元素继承
local背景图片随滚动元素滚动


实例

实例

如何指定一个固定的背景图像:

body
{
background-image:url("smiley.gif");
background-repeat:no-repeat;
background-attachment:fixed;
}


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性          
background-attachment 1.0 4.0 1.0 1.0 3.5
注意: Internet Explorer 8和更早版本的浏览器不支持多个背景图像在一个元素.

相关文章

CSS 教程: CSS Background

阅读全文
以上是名动网为你收集整理的cssbackground属性简书 CSS background-attachment 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们