背景

半透明边框的解决方案

默认情况下，背景会延伸到边框所在的区域下层。background-clip（背景色的绘制区域）默认值为border-box，将它的值调为padding-box，浏览器就会用内边距的外沿把背景裁掉。

背景定位

每个元素身上都存在三个矩形框——border-box（边框的外沿框）、padding-box（内边距外沿框）、content-box（内容区的外沿框），background-origin(相对于内容框来定位背景图像)默认值为padding-box，设置背景图像在右下角的偏移量和内边距相等的方法

方案1

padding:10px;

background:url(a.jpg) no-repeat #ccc;

background-position: bottom 10px right 10px;

方案2

padding:10px;

background:url(a.jpg) no-repeat #ccc bottom right;

background-origin:content-box;