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

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;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 26,427评论 2 237
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,706评论 0 17
  • “美鞋坊”的宗旨是:永远为顾客着想,新款研发无止境。不信,有图为证:
    邵石平阅读 981评论 0 0
  • 《明朝那样事儿2》里最令我震撼就是于谦,他是个真正为天下百姓考虑的人。其实从前我不怎么熟悉于谦,只从他的诗"粉身碎...
    沐滢阅读 5,794评论 6 6
  • 今日看到一则视频,视频的前半部分是一个女孩子在马路上向路过的人们乞讨,因为买票时钱包和手机被偷了,所以女孩想希望路...
    雨落冰阅读 3,283评论 0 1