CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记（2）多背景
CSS 3允许设置多个背景图片，每个背景图片占一层，层的上下按照在CSS中书写的顺序来定，最先写的背景在最上层，每层图片定义使用英文逗号隔开。
例如下面的代码：
background:url(http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg) 0 0 no-repeat,
url(http://dotnet.aspx.cc/Book/Images/CSS2_s.jpg) 200px 0 no-repeat,
url("http://dotnet.aspx.cc/Book/Images/ASPNET20Book1_s.jpg") 400px 201px no-repeat;
根据代码可以看到，每张图片都可以设置各自的位移、大小、是否重复，如果出现重叠，那么写在前面的图片会覆盖在最上层。
多背景的效果如图5.4所示。
最后来个书的封面图吧，有学习的一起交流
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/14741331/viewspace-1352573/ ，如需转载，请注明出处，否则将追究法律责任。
请登录后发表评论
登录
全部评论
最新文章
- 《移动Web前端高效开发实战》笔记2——使用Gulp构建一个ECMAScript 6和Sass应用
- 《移动Web前端高效开发实战》笔记1——静态布局在移动端上的自适应
- 一张图掌握移动Web前端所有技术（大前端、工程化、预编译、自动化）
- 微信公众平台网页开发实战--3.利用JSSDK在网页中获取地理位置（HTML5+jQuery）
- 微信公众平台网页开发实战--2.从手机相册中选照片然后分享
- 微信公众平台网页开发实战--1.微信分享一个网页到朋友圈
- 《Python高效开发实战》实战演练——内置Web服务器4
- 《Python高效开发实战》实战演练——基本视图3
- 《Python高效开发实战》实战演练——建立应用2
- 《Python高效开发实战》实战演练——开发Django站点1
