在IE8、FF、谷哥下兼容但不兼容IE7解决方案
2011-06-29 10:43
423 查看
一个国外社交网站(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>
相关文章推荐
- 全面兼容ie6,ie7,ie8,ff的CSS HACK写法
- CSS实现透明度(兼容IE6 IE7 IE8 FF CHROME,其他还未测试)
- IE6/IE7/IE8/FF全面兼容的CSS HACK写法
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- IE7兼容模式可以解决IE8 FF浏览器下出现文字重叠问题
- css IE6 IE7 IE8 FF兼容 高度
- IE6 IE7 IE8 FF浏览器的CSS兼容问题探究
- (经验)DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- ie6 ie7 ie8 ie9兼容问题终极解决方案
- CSS在IE6、IE7、IE8和FF下的不同表现 兼容解决办法!
- 【发布园子模板--透明模板】淡蓝雨伞 兼容IE7 IE8 IE9 FF IE6放弃……
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题(转至http://www.douban.com/note/163291324/)
- 兼容 FF, IE6 ,IE7,IE8
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 全面兼容ie6,ie7,ie8,ff的CSS HACK写法
- IE6/IE7/IE8/FF兼容问题汇总,以及解决方案
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 兼容 FF, IE6 ,IE7,IE8