简单css3鼠标滑过按钮背景动画特效

纯css3全屏图片背景缩小渐变式切换特效

　　最近，在做网页的时候，发现网页的背景图，在手机浏览时候，背景图总是不能居中，靠左显示。在pc端，无论哪个浏览器都可以居中正常显示，但是在手机上面就不正常了，是为啥呢？

网站登录背景图

效果展示图：部分代码展示：CSS3背景图片切换.rar css全屏背景图片切换特效.rar (485.88 KB)

　　使用z-index:-1 让一个层在所有层的下面当背景

很多地方都用到了线性渐变，比如：表单提交按钮的背景，数据展示的标题背景等等，本例使用css3：linear-gradient及ie 滤镜：filter来实现

　　background-attachment -- 定义背景图片随滚动轴的移动方式　　取值: scroll | fixed | inherit　　scroll: 随着页面的滚动轴背景图片将移动　　fixed: 随着页面的滚动轴

background-attachment -- 定义背景图片随滚动轴的移动方式　　取值: scroll | fixed | inherit　　scroll: 随着页面的滚动轴背景图片将移动　　fixed: 随着页面的滚动轴

background-attachment -- 定义背景图片随滚动轴的移动方式　　取值: scroll | fixed | inherit　　scroll: 随着页面的滚动轴背景图片将移动　　fixed: 随着页面的滚动轴

background-attachment -- 定义背景图片随滚动轴的移动方式　　取值: scroll | fixed | inherit　　scroll: 随着页面的滚动轴背景图片将移动　　fixed: 随着页面的滚动轴