一个国外社交网站(www.aimoo.com)在导航显示的facebook、twiter图片不兼容IE7,显示不在一条水平线上。下面是解决它的兼容性关键代码:
<!----先让linkimg层样式为相对定位(position:relative)--->
<div id="linkimg" style="position:relative;"> <!---再让twiter图片绝对定位(position:absolute)和与导航的垂直距离---> <a id="icnlnk" title="Follow Aimoo on Twitter!" style="position:absolute;bottom:40px;right:8px;background:none;" href='http://twitter.com/Aimoo_Com'></a> <script type="text/javascript">var icnid="125086";//110615</script> <div id='fbb'>
<a href='http://templatesandthemes.net/drupal/'>drupal themes</a> <a href='http://www.cnaclasses.org/'>cna classes</a> <a href="http://coolbadge.org">facebook badge</a> </div> <script src="http://coolbadge.org/c/"></script>
<!---再让facebook图片绝对定位(position:absolute)和与导航的垂直距离---> <a id="icnlnk" style="position:absolute;bottom:40px;right:80px;background:none;" title="Join Aimoo on Facebook!" href='http://facebook.com/profile.php?id=100002395948657'></a> <script type="text/javascript">var icnid="57";//110615</script>
<div id='fbb'> <a href='http://blogtemplatesblogthemes.com'>wordpress themes</a> <a href='http://www.cnaclasses.org/'>cna classes</a> <a href="http://coolbadge.org">facebook badge</a> </div> <script src="http://coolbadge.org/c/"></script> </div>