百度提供了百度分享功能，据说这个功能会让百度更加青睐你的网站。
邪恶的说法：你用了度娘家的东西，她会觉得你是她的忠实fans，她就会特别照顾你...
百度提供的分享工具条样式比较单一而且不是太好看，看到异次元的百度分享工具条非常好看，如下图所示：
反正我是觉得好看，挻喜欢的，于是就仿了一个近似的，做的过程中遇到一个问题：
百度分享按钮的样式是用js控制在页面中动态加入link标签以引入外部css文件来实现的，关键是在ie系列浏览器下,通过link标签
引用的外部css文件的样式优先级竟然比直接写在页面上紧跟body标签后的嵌入样式高。杯具的显示效果如下：
解决方法：
方法1：把重构过的分享按钮样式单独抽出来，放入一个新建的css文件里面，等百度js生成的html标签及css加载完后再用jQuery引入这个独立出来的css文件即可！
代码如下：
<script type="text/javascript">
$(function(){
var shareCSS='<link href="<?php bloginfo('template_directory'); ?>/css/share.css" rel="stylesheet" type="text/css" />';
$(shareCSS).appendTo("body");
})
</script>
方法2：将重构样式独立出来一个css文件，并将该 文件在body结束标签前引入，格式位置如下：
<body> xxxx页面内容 <link href="test.css" rel="stylesheet" type="text/css" /> </body>
方法3：不用将重构样式独立出来一个css文件,而只是将重构样式以嵌入页面的方式将该样式在body结束标签前引入，格式位置如下：
<body> xxxx页面内容 <style type="text/css"> 这里写重构样式！ </style> </body>
个人认为，之所以会出现这个问题是ie系列的页面渲染处理机制有问题！
推荐使用方法1，百度js生成的html标签及css加载完后再用jQuery引入这个独立出来的css文件，相当于等页面的DOM树都加载完后再加入重构的css文件，这样处理确实能解决ie系列浏览器下百度分享按钮错位的问题，谨记录此文，方便日后查看！
该百度分享工具条的功能如何？各位看官不妨亲自点下各分享按钮即可查看到！
本站仿的分享工具条，把个人觉得不大实用的上一篇、下一篇切换按钮功能删掉了，取而代之的是QQ出品的“稍后阅读”功能，感觉这个功能挺方便，挺不错的，点下最后一个按钮赞一个吧！^_^....
最后附上本站 正在使用的百度分享工具条源码，仅供个人学习，借鉴使用：
快速留言：
上一篇： IE6 a:hover bug
下一篇： ie6/7 float浮动失效？
呵，我要赞同一下吗….