百度分享组件 美化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