现在的位置: 首页 > 综合 > 正文

css3.0抢先看(五):background-origin and background-clip控制背景的现实和裁剪

2012年07月30日 ⁄ 综合 ⁄ 共 569字 ⁄ 字号 评论关闭

background-origin 和 background-clip 属性是和背景的现实有关的。目前只在Mozilla, Safari 3 和 Konqueror 浏览器中支持。

background-origin :用来确定背景的显示区域。他有三个参数值:border,padding,content。选择border就从border区域开始显示背景,例如你设置了10px的虚线border,那你就能在虚线中看到背景;选择padding 则从padding 区域开始显示背景;同理选择content就是只在content区域显示背景。

 background-clip :用来确定背景的裁剪区域,或者说是隐藏区域。它有两个参数值可选:border,padding。选择border就从border区域向外裁剪背景;选择padding就从padding区域向外裁剪背景。确实,很多朋友可能都有过这样的经历,为了不在padding区域内显示背景而不得不多用一个div或者别的方法来代替来padding的效果,现在大可不必如此了。在css3.0中增加的很多功能都是类似让开发者变更方便的。有兴趣的话可以到w3c的网站上去学习工作草案,那里的解释都很详细。如果你懒得去那上面看,那就看我的博客吧。呵呵^_^

需要背景图,在这里就不演示了,自己动手也很快。呵呵!

 

抱歉!评论已关闭.