美文网首页让前端飞
百度分享中的坑,自定义分享按钮,鼠标划上时不显示分享条

百度分享中的坑,自定义分享按钮,鼠标划上时不显示分享条

作者: jerryst | 来源:发表于2019-03-07 11:07 被阅读0次

1.自定义分享按钮

注:将bdsharebuttonbox的透明度调为零

<!--html-->
<div class="myShare">分享
    <div class="bdsharebuttonbox">
      <a href="#" class="bds_more" data-cmd="more"></a>
    </div>
</div>

<!--样式-->
.myShare{
    position: relative;
    width:80px;
    heigth:40px;
}
.myShare .bdsharebuttonbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
}

2.鼠标划上时不显示分享条

注:将分享pop框强制不显示,不影响点击时的显示效果

.bdshare_popup_box{
    display: none!important;
}

相关文章

网友评论

    本文标题:百度分享中的坑,自定义分享按钮,鼠标划上时不显示分享条

    本文链接:https://www.haomeiwen.com/subject/qlzqpqtx.html