如何为一个div添加多个背景图片 为一个div添加多个背景图片的方法
发表时间：2017-03-24来源：网络
如何为一个div添加多个背景图片 为一个div添加多个背景图片的方法 为一个div添加多个背景图片的方法
首先，我们新建一个HML页面，并准备好两张不同的背景图片。
然后，我们在htl中随便新建一个块级元素，为他设置宽高，可以写点文字。浏览器中的效果是下图这样的。
然后，我们开始为元素添加背景图片，我是将background-*这个属性分开来写的。分别是background-image,background-position,backgroud-repeat
在CSS3语法里面，除了backgroud-color是唯一一个不能使用多个值的background-*元素，所以，我们以上的三个元素都可以使用多个值，两个值之间以逗号相连。
但是如果一个属性的数量，少于背景层的数量，那么这个属性就会被应用到所有的背景层上面，所以我们的backgroud-repeat只用写一个。
我们在浏览器刷新之前的页面可以看到最新的效果，两个背景图片都显示到我们的标签上。基本上是先写的图片的z-index值高
除了把这些属性分开写，我们也可以只写一个background。具体写法如下图。两个背景图片之间同样用逗号隔开。
END
知识阅读
软件推荐
更多 >-
查看皓盘云建最新版下载v9.0 安卓版
53.38MB |商务办公
-
查看ris云客移动销售系统最新版下载v1.1.25 安卓手机版
42.71M |商务办公
-
查看粤语翻译帮app下载v1.1.1 安卓版
60.01MB |生活服务
-
查看人生笔记app官方版下载v1.19.4 安卓版
125.88MB |系统工具
-
查看萝卜笔记app下载v1.1.6 安卓版
46.29MB |生活服务
-
查看贯联商户端app下载v6.1.8 安卓版
12.54MB |商务办公
-
查看jotmo笔记app下载v2.30.0 安卓版
50.06MB |系统工具
-
查看鑫钜出行共享汽车app下载v1.5.2
44.7M |生活服务
-
1快剪辑自带水印可以消除，只需简单设置
2011-02-12
-
2
电脑桌面图标摆放技巧2011-02-15
-
3PPT超强插件打包分享，从此不再被同事吐槽
2011-02-12
-
4
桌面的基本操作2011-02-14
-
5
电脑技术吧教您分辨上网本和笔记本区别
2011-02-12
-
6飞鸽传书好友列表显示异常？或许是这两个原因
2011-02-12
-
7
电脑键盘快捷键大全
2011-02-15
-
8
启动桌面清理向导的方法教程
2011-02-13
-
9
win10电脑更改分辨率后字体变模糊怎么解决2024-05-13
-
10
WinRAR的常用设置技巧
2011-02-13
-
1
-
2
机器人战斗竞技场手机版下载v3.71 安卓版
其它手游 -
3
果冻人大乱斗最新版下载v1.1.0 安卓版
其它手游 -
4
王者100刀最新版下载v1.2 安卓版
其它手游 -
5
trueskate真实滑板正版下载v1.5.102 安卓版
其它手游 -
6
矢量跑酷2最新版下载v1.2.1 安卓版
其它手游 -
7
休闲解压合集下载v1.0.0 安卓版
其它手游 -
8
指尖游戏大师最新版下载v4.0.0 安卓版
其它手游 -
9
飞天萌猫下载v3.0.3 安卓版
其它手游 -
10
火柴人越狱大逃脱下载v1.1 安卓版
其它手游
