网站首页
精品模板
会员模板
建站资源
站长素材
建站教程
编程笔记
编程问答
编程笔记
html教程 css教程 前端开发 cms教程 seo优化 网页设计 服务器 数据库 平面设计 电脑教程 编程教程 互联网 移动开发 php编程 java编程 实例代码 Python编程
沃梦达建站-编程笔记-互联网-正文

百度分享组件 美化CSS代码

2016-04-15互联网
586
原由：添加百度分享代码可以增加网站流量，但彩色图标太突出，容易抢占主题内容眼球。

效果：默认灰化处理，鼠标悬停时去除灰化滤镜显示原来彩色图标

代码：
内部样式表添加：
  1. <style id="diy_style" type="text/css">.bdsharebuttonbox a:hover {-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;}.bdsharebuttonbox a {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}</style>

或外部样式表文件中添加：
  1. .bdsharebuttonbox a:hover {-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;}.bdsharebuttonbox a {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

The End
美化CSS

相关推荐

百度分享组件 美化CSS代码
原由：添加百度分享代码可以增加网站流量，但彩色图标太突出，容易抢占主题内容眼球。 效果：默认灰化处理，鼠标悬停时去除灰化滤镜显示原来彩色图标 代码： 内部样式表添加： style id=diy_style type=text/css.bdsharebuttonbox a:hover {-webkit-filter:...
2016-04-15 互联网
586

热门文章

1微信隐藏代码功能大汇总-你不知道的微信命令行 2什么是百度SSP？怎么利用百度ssp赚钱？ 3Bad Request (Invalid Hostname)错误的原因以及解决办法 4Send-email：免费匿名发送邮件到任意邮箱 5ECSHOP首页轮播图调用不出来的有效处理办法 6应用程序池“*******”将被自动禁用，原因是为此应用程序池提供服务的进程中出现一系列错误 7apache cgi文件敏感信息泄露 cgi-bin/test-cgi 的解决方法 82016年淘宝客真的不能做了吗？

热门精品源码

最新VIP资源

1多功能实用站长工具箱html功能模板 2多风格简历在线生成程序网页模板 3论文相似度查询系统源码 4响应式旅游景点宣传推广页面模板 5在线起名宣传推广网站源码 6酷黑微信小程序网站开发宣传页模板 7房产销售交易中介网站模板 8小学作业自动生成程序