码迷,mamicode.com
首页 > 其他好文 > 详细

background-origin:规定 background-position 属性相对于什么位置来定位

时间:2017-01-13 16:02:55      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:position   bsp   位置   css   alt   模型   png   add   rgba   

background-origin:border-box;
此时设置background-size:contain;

根据容器的边框定位

例如:容器的盒模型如下:设置了padding:20px;border:rgba(0,0,0,0.5) solid 10px;

技术分享  技术分享

技术分享技术分享

background-origin:content-box;
此时设置background-size:contain;

  技术分享技术分享

background-origin:padding-box/inherit;
此时设置background-size:contain;

  技术分享技术分享

background-origin:content-box;
此时设置background-size:conver;
右侧padding+border并未隐藏

  技术分享技术分享

 

background-origin:padding-box/inherit;
此时设置background-size:cover;

右侧border并未隐藏

  技术分享技术分享

 

background-origin:规定 background-position 属性相对于什么位置来定位

标签:position   bsp   位置   css   alt   模型   png   add   rgba   

原文地址:http://www.cnblogs.com/wxiaona/p/6282644.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!