html中背景固定,css背景固定样式background-attachment属性介绍

原标题：css背景固定样式background-attachment属性介绍

主要为大家介绍了在CSS中，使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动,需要的朋友可以参考下

一、background-attachment属性

在CSS中，使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动。

语法：

background-attachment: scroll/fixed;

说明：

background-attachment 属性只有2个属性值。scroll表示背景图像随对象滚动而滚动，是默认选项；fixed表示背景图像固定在页面不动，只有其他的内容随滚动条滚动。

实例：

在浏览器预览效果：

大家在浏览器中拖动右边的滚动条会发现，背景图片在页面固定不动。

需要注意的是在IE或者360中设置background-attachment之后不能设置background-position属性，不然图片没办法在浏览器显示。大家可以测试一下google浏览器、Firefox浏览器。返回搜狐，查看更多

责任编辑：

html中背景固定,css背景固定样式background-attachment属性介绍相关推荐

html中页面背景属性,css背景属性有哪些？
css背景属性有哪些?下面本篇文章给大家带来关于css背景属性的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css背景属性有哪些?background简写属性,作用是将背景 ...
html中fixed属性,css fixed固定定位属性
[实例介绍] css fixed固定定位属性当容器的position属性值为fixed时,这个容器即被固定定位了.固定定位和绝对定位非常相似,不过被定位的容器不会随着滚动条的拖动而变化位置.在视野 ...
html图片背景属性,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
css布局右固定,CSS左侧固定右侧自适应的五种布局方法
在页面或者布局列表中,常常有左侧固定,右侧自使用的情况,接下来,这五种方法满足这个需求. 一.左边浮动,右边margin .box{ height: 200px; background-color: ...
css背景透明(css背景透明度怎么设置)
CSS 背景颜色透明怎么弄外层div: background-color: rgba(255, 255, 255, 0.9); /* 白色并且阿尔法通道是0.9*/ 内层div: backgroun ...
php渐变背景颜色,css背景颜色渐变案例：线性渐变和径向渐变效果实例详解
渐变是两种或多种颜色之间的平滑过渡.以前,必须使用图像来实现这些效果.但是,通过使用 CSS3 渐变(gradients),可以减少下载的事件和宽带的使用.此外,渐变效果的元素在放大时看起来效果更好, ...
html中背景色优先级,CSS背景颜色优先级
我正在使用jQuery更改表格行的颜色,我注意到在以下实例中我得到了不同的结果. CSS如下: .normalcolor { background-color: #dedede; } .reddish ...
html把图片做成导航条背景,DIV+CSS背景图片导航菜单的实现方法
导航菜单通常的做法是用ul li,但是ul li纯文本方式的导航菜单实现的效果比较简单,我们可以使用背景图片来实现菜单的个性化设置.让我们开始吧: 先看效果图: 仅这一张图片,我们实现一个横行CSS菜 ...
背景大小比率css,背景大小：background-size - CSS3 | 绿叶学习网
在CSS2.1中,我们是不能使用CSS来控制背景图片大小的,背景图片的大小都是由图片实际大小决定. 在CSS3中,我们可以使用background-size属性来定义背景图片的大小,这样可以使得同一张 ...

html中背景固定,css背景固定样式background-attachment属性介绍

html中背景固定,css背景固定样式background-attachment属性介绍相关推荐

最新文章

热门文章