求背景图片左边到#box盒子左边框外侧的距离
Posted mengzhongfeixue
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了求背景图片左边到#box盒子左边框外侧的距离相关的知识,希望对你有一定的参考价值。
box{
width: 100px;
height: 200px;
background: pink;
padding: 100px;
border: 80px solid;
background-image: url("img/1.png"); //默认 background-origin: padding-box; 背景图将覆盖到padding
background-repeat: no-repeat;
background-origin: content-box; // 改变 background-origin后,背景图将不再覆盖padding
background-position: -50px 0;
}
故: 80+100-50 = 130 px
以上是关于求背景图片左边到#box盒子左边框外侧的距离的主要内容,如果未能解决你的问题,请参考以下文章