css3 background属性如何设置多张背景图

 

转载“共享博客”

原文 http://www.sharedblog.cn/?post=122

Why？？？

什么？可以设置多张背景图...

刚看到我是懵逼的，于是我查了下，css3确实可以设置多张背景图，方法分享给大家。

首先，关于background常用属性值介绍 http://www.sharedblog.cn/?post=115

 

下面，css3实现一个盒子设置多张背景图

    语法：

 

background: url("图片路径") 100px 100px no-repeat,url("图片路径") 100px 100px no-repeat, url("图片路径") 100px 100px no-repeat;

其实没多大稀奇，也就是使用多个url引入背景图，每个与每个之间用 逗号 隔开（英文状态下的 逗号 哦！）

 

当然，还可以分开写，具体用法其实和设置一张是一样的，如下：

 

background-image: url("图片路径"),url("图片路径"),url("图片路径");
background-position: 100px 100px, 100px 100px, 100px 100px;
background-repeat: no-repeat, no-repeat, no-repeat;

每个逗号和每个逗号的相对应，相信用过背景图属性的，看一眼就会了吧！！！