H5C3中增大背景图片的点击区域
H5中的特性 background-origin 与 background-clip
最近做了小案例遇到了这两个属性,正好复习下
background-origin: 表示的是图片从哪里开始显示
有三个值:padding-box ; border-box; content-box :background-clip : 表示 的是图片从哪里开始裁切
同上面一样也是有三个 值进行选择
如何增大背景图片的点击区域需要配合内减模式一起
1 加一个内减模式 box-sizing: bo rder-box2 设置 background-origin 和 background-clip 等于 content-box3 动态增大padding的值 即可
通常在移动端使用
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！