原文:background-attachment属性进阶

前提是定义了background image属性,然后用background attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值: scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。 fixed:背景图相对于视口固定,所以随页面滚动背景不动,相当于背景被设置在了body上。 local:背 ...

2015-05-19 17:25 2 18995 推荐指数:

查看详情

CSS3——background-attachment详解

background-attcahment: scroll: 相对于图片的容器进行定位 local: 相对于内容进行定位 fixed: 相对于视口定位 ...

Wed Jul 17 07:16:00 CST 2019 0 426
background-attachment:fixed做动画效果

先看一下这个demo 上下滚动这个demo页面(用IE6的可以先一边去),可以看到图片有切换的动画效果,感觉还挺先进的,但其实这个demo的页面的代码灰常简单,就是在几个div里放几张背景图片,然后把背景图片设为固定就行了。 所以background-attachment:fixed真的 ...

Mon Jan 07 01:04:00 CST 2013 3 9947
利用background-attachment做视差滚动效果

视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。 不明白的可以先 ...

Sat Dec 29 01:16:00 CST 2012 1 15071
CSS3背景固定——background-attachment:fixed;

了解background-attachment属性 值 描述 scroll 背景图片随着页面的滚动而滚动,这是默认的。并不随着div内的滚动而滚动(比如文本大于元素高度时的滚动,背景图不动) fixed ...

Sat Oct 10 22:40:00 CST 2020 0 1034
ios系统和某些移动端background-attachment:fixed不兼容性

固定背景不动:background-attachment:fixed; ios系统和某些移动端background-attachment:fixed不兼容性,没有任何效果,但可以hack一下就可以了,代码如下: ps:想在哪个标签加背景,可以在它class后:before. body ...

Thu Aug 02 05:46:00 CST 2018 0 904
background属性简写background-size属性

前言: CSS3提供了很多丰富且实用的规范,得以让网页更加绚丽多彩。因为多了很多新的知识,我学得也没那么全面,经常就多敲了很多多余得代码。 比如CSS3提供了background-size属性,可以设置背景图片的尺寸。因为是新属性,也不知道能不能用background简写,每次我都分开 ...

Tue Dec 29 20:50:00 CST 2020 0 886
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM