background-clip与background-origin


background-origin:padding|border|content -box
该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了

background-clip:border|padding|content -box
该属性指定了背景(图片和背景颜色)在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。


简单说就是background-origin控制从border的左上角开始绘制,还是从padding的左上角开始绘制,还是从content的左上角开始绘制,好像只能绘制背景图片

而background-clip控制的是背景图片或者背景颜色的显示区域。

posted on 2017-06-26 13:45  灵剑丹心  阅读(126)  评论(0编辑  收藏  举报

导航