提升你设计水平的CSS3新技术[译]（5）
作者：暴风彬彬 来源：彬go 发布时间：2009-08-02 20:51:00
4. 多背景图
CSS3 允许你使用多个属性比如background-image、background-repeat, background-size, background-position, background-originand background-clip等在一个元素上添加多层背景图片.
在一个元素上添加多背景的最简单的方法是使用简写代码，你可以指定上面的所有属性到一条声明中，只是最常用的还是image, position 和repeat:
div {
background: url(example.jpg) top left no-repeat,
url(example2.jpg) bottom left no-repeat,
url(example3.jpg) center center repeat-y;
}
第一个图片将是离用户“最近”的那个。
该属性的一个更复杂的版本可以是这样的：
div {
background: url(example.jpg) top left (100％ 2em) no-repeat,
url(example2.jpg) bottom left (100％ 2em) no-repeat,
url(example3.jpg) center center (10em 10em) repeat-y;
}
在这里，(100％ 2em) 是background-size 的值；第一个背景图片将会出现在左上角并会被拉伸至该div的100％宽度和2em的高度。
因为只有少数的浏览器支持它，又因为在网站上不显示背景有损网站的视觉效果，所以，这并不是一个被广泛应用了的属性。尽管如此，它显然能够大大地提高设计师的工作流并显著减少标签数量——相对于用其它方式实现同样的效果。
浏览器支持: 目前，多背景图片只在Safari/chrome 和Konqueror中有效
扩展阅读：
0
投稿猜你喜欢
- 代码如下:--代码一DECLARE @cc INT SELECT NewsId,ROW_NUMBER() OVER(ORDER
- 测试语法如下：powered by jb51.netexec GetRecordFromPage news,newsid,10,100000
在使用数据库的时候,难免要在使用过程中进行删除的操作,如果是使用int类型的字段,令其自增长,这是个最简单的办法,但是后果会有些不是你想要的- 1969年8月8日，在北京协和医院降生了一个漂亮的小女孩。接生的阿姨说，她的声音这么大，好象想要全世界的人都听到。后来，她的父亲为她取了一个
- jQuery 1.4 源码 449 行（core.js 431 行），判断是否为函数的方法如下（思路来源于 Douglas Crockfor
- 因为工作的原因，开发过一个拆分字符串的SQL函数，现在把它贴出来，与大家共勉学习。该函数如下： &
- 由于众所周知的原因，ACCESS在大型站点应用中都靠不上边，主要问题就是数据量大了以后几乎无法索引。当ACCESS里数据过万后，明显可以感觉
- 阅读上一篇：AJAX的jQuery实现入门(一)要写入数据库,我们知道的最简单的就是注册了, 就做个最简单的注册表单, 看看是如何提交数据的
- 主要利用了XMLHTTP的一些方法和属性来获取服务器的信息。 以下是全部源代码： &
- CSS Sprites技术早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在C
- 很多时候关心的是优化SELECT 查询，因为它们是最常用的查询，而且确定怎样优化它们并不总是直截了当。相对来说，将数据装入数据库是直截了当的
- HTML是万维网上发布超文本的通用语言[1]。从1982年Tim Berners-Lee简化SGML建立HTML的原始定义到2001年发布X
- 本文详细介绍了asp中如何使用sql语句删除数据库中的记录，初学asp者来看看！1，首先要明确删除哪条记录无非还就是SQL语句了，比如对应到
- 在SQL Server数据库管理中，针对分析服务Analysis Services 的性能优化必不可少，这里我们将学习到使用DMV来进行An
- 1、选取最适用的字段属性MySQL可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建表
- 下表列出了 Microsoft ACCESS 的命令行选项：选项 效果database 打开指定的 Microsoft Access 数据库
- 简介这是一篇介绍网页设计原则的文章。在互联网迅速发展的今天，各种web 2.0网站竞争激烈，你死我亡。Jini, D
- 当很多人发现在DW4中定义CSS很方便的时候，开始报怨FP2000不能定义CSS，甚至就此抨击FP2000如何的不好。事实上，在FP2000
- 对于许多想学习JavaScript的朋友来说，无疑如何选择入门的书籍是他们最头疼的问题，或许也是他们一直畏惧，甚至放弃学习JavaScrip
- 原来字母还可以组合成各种动物图案，真是佩服设计师的奇思妙想，很可爱，超级有趣的组合！Bembo's Zoo 猴子：羊是牛吗，勤劳的水
