css 扩大点击范围

标签：top   display   width   content   add   根据   ges   isp   触发点   

业务场景：比如某个按钮大小已经固定了，但是需求点击按钮周边就可以触发点击事件。

设置一下before属性里面的height,width就是设置你要点击的范围。

rem是css3中新增加的一个单位属性(font size of the root element),根据页面的根节点的字体大小进行转变的单位。root！！！！！！！！！根节点，也就是需要扩大点击事件的html元素

例：(下面例子中的根节点是html ，它的字体大小是100px，所以根节点下面的元素所设置的rem，都是1rem=100px。)
rem的初始值是16px，也就是说在没有设置根节点的font-size的时候，1rem=16px

.og_next{
        width:25px;
        height:50px;
        background:url(../images/btn.png) no-repeat;
        position:absolute;
        top:250px;
        z-index:99;
        cursor:pointer;
        margin-left:0px;
        padding-left:-2px;
    }
    .og_next:before{
        margin-top:-250px;
        content: "";
        display: inline-block;
        height : 45rem;
        width  : 2.5rem;
    }

css 扩大点击范围

标签：top   display   width   content   add   根据   ges   isp   触发点   

原文地址：https://www.cnblogs.com/lazyInsects/p/9456532.html