如何为一个div添加多个背景图片 为一个div添加多个背景图片的方法
发布时间：2017-03-24 14:13:47作者：知识屋
如何为一个div添加多个背景图片 为一个div添加多个背景图片的方法 为一个div添加多个背景图片的方法
首先，我们新建一个HML页面，并准备好两张不同的背景图片。
然后，我们在htl中随便新建一个块级元素，为他设置宽高，可以写点文字。浏览器中的效果是下图这样的。
然后，我们开始为元素添加背景图片，我是将background-*这个属性分开来写的。分别是background-image,background-position,backgroud-repeat
在CSS3语法里面，除了backgroud-color是唯一一个不能使用多个值的background-*元素，所以，我们以上的三个元素都可以使用多个值，两个值之间以逗号相连。
但是如果一个属性的数量，少于背景层的数量，那么这个属性就会被应用到所有的背景层上面，所以我们的backgroud-repeat只用写一个。
我们在浏览器刷新之前的页面可以看到最新的效果，两个背景图片都显示到我们的标签上。基本上是先写的图片的z-index值高
除了把这些属性分开写，我们也可以只写一个background。具体写法如下图。两个背景图片之间同样用逗号隔开。
END
知识阅读
-
win7系统开机后显示器不显示内容的解决方法 win7系开机后桌面显示器不显示内容
-
Win7系统库功能不能添加网络文件怎么办 Win7系统库功能不能添加网络文件解决办法
-
视约如何修改群名片
-
Win10系统如何开启内置WiFi热点 Win10怎么创建开启自带内置wifi热点
-
word2010怎么添加页眉横线 word2010添加页眉横线的方法
-
体积小巧、超强好用的注册表清理工具——CCleaner
-
WPS演示中如何插入自选图片 WPS演示中插入自选图片的方法
-
电脑word文档打不开怎么办 电脑Word文档打不开原因修复方法
-
iPhone日历被垃圾信息轰炸解决方法 教你如何避免通过日历发送垃圾信息
-
如何下载网页全部图片格式 怎么下载保存网页全部图片方法
软件推荐
更多 >
-
1
一寸照片的尺寸是多少像素？一寸照片规格排版教程2016-05-30
-
2
新浪秒拍视频怎么下载？秒拍视频下载的方法教程
-
3
监控怎么安装?网络监控摄像头安装图文教程
-
4
电脑待机时间怎么设置 电脑没多久就进入待机状态
-
5
农行网银K宝密码忘了怎么办？农行网银K宝密码忘了的解决方法
-
6
手机淘宝怎么修改评价 手机淘宝修改评价方法
-
7
支付宝钱包、微信和手机QQ红包怎么用？为手机充话费、淘宝购物、买电影票
-
8
不认识的字怎么查,教你怎样查不认识的字
-
9
如何用QQ音乐下载歌到内存卡里面
-
10
2015年度哪款浏览器好用? 2015年上半年浏览器评测排行榜！
