原由:添加百度分享代码可以增加网站流量,但彩色图标太突出,容易抢占主题内容眼球。 效果:默认灰化处理,鼠标悬停时去除灰化滤镜显示原来彩色图标 代码: 内部样式表添加: style id=diy_style type=text/css.bdsharebuttonbox a:hover {-webkit-filter:
原由:添加百度分享代码可以增加网站流量,但彩色图标太突出,容易抢占主题内容眼球。
效果:默认灰化处理,鼠标悬停时去除灰化滤镜显示原来彩色图标
代码:
内部样式表添加:
-
<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>
或外部样式表文件中添加:
-
.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;}
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!