H5C3中增大背景图片的点击区域

H5中的特性 background-origin 与 background-clip
最近做了小案例遇到了这两个属性,正好复习下

1. background-origin: 表示的是图片从哪里开始显示
   有三个值:padding-box ; border-box; content-box :

2. background-clip : 表示 的是图片从哪里开始裁切
   同上面一样也是有三个 值进行选择

如何增大背景图片的点击区域需要配合内减模式一起

    1  加一个内减模式  box-sizing: bo rder-box

    2 设置 background-origin  和 background-clip 等于 content-box

    3 动态增大padding的值  即可

通常在移动端使用