Internet Explorer 兼容性问题

Question

我的网站在其他浏览器上运行良好，但在 Internet 浏览器上，它的图像显示有黑框，而且内容失真。任何人都可以建议我解决此兼容性问题的任何选项。

www.natureconnect.in

请在不同的浏览器和IE中打开以上网站进行测试。

横幅标志css代码

#maneWrap, #overflowFix{width:100%; height:100%; float:left;      position:relative; left:0%;} 
#overflowFix{overflow-x:hidden;} 
#hearderWrap{ position:fixed; width:100%; height:100px; text-align:center; float:left; background:#448f00; top:0px; left:0px; z-index:1000;}  
#logo{ margin:0 auto; margin-top:14px; cursor:pointer;} 
#social-icon{ position:absolute; top:0px; right:0px; height:100%;}
#social-icon a{position:relative; float:left; display:block; padding:40px 40px; border:1px solid #448f00; border-left-color:#66d700; border-top:0px; border-bottom:0px;} 
#slides{ width:100%; height:100%; float:left; clear:both;} 
#slides img{ width:100%;} 
#social-icon a span{position:absolute; width:100%; height:5px; left:0px; bottom:0px;} 
#social-icon a:hover{ border-color:#66d700; background:#4fa302;}        
#social-icon a:hover span{background:#66d700;} 
#maneWrap{margin-top:100px;}

横幅标志html代码

<div id="logo"><a href="index.html"><img src="images/logo.jpg" /></a></div>
                <div id="social-icon">
                    <a href="https://www.facebook.com/NatureConnectOutdoorsPvtLtd" target="_blank"><img src="images/facebook.png" alt="Facebook" /><span></span></a>
                    <a href="https://twitter.com/natureconnectin" target="_blank" class="twitter"><img src="images/twitter.png"  alt="Twitter"/><span></span></a>
                    <a href="http://pinterest.com/natureconnect/" target="_blank"><img src="images/Pinterest.png" alt="Pinterest" /><span></span></a>
                </div>

Answer 1

您提供了图像的超链接，您尝试过为图像应用 border:0px 吗？

Answer 2

我认为这是 Internet Explorer 放置在锚标记周围的默认边框。

<a> <img src="logo.png" /> </a>

尝试这样的事情：

a img{ border: 0; }

它删除带有锚标记的图像的所有边框。或这个： a .className{ border: 0; }

删除带有锚标记和 class 名称 class名称的图像的所有边框。

这个问题也在 Whosebughere 上被问到

和 here 在 Whosebug 上

Internet Explorer 兼容性问题

Internet explorer compatiblity issue

html

css

internet-explorer