在IE8、FF、谷哥下兼容但不兼容IE7解决方案

来源：互联网发布：苹果看图软件编辑：程序博客网时间：2024/04/29 02:21

一个国外社交网站(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>