我完成制作我的第一个网站不兼容的问题,它是一个俱乐部在我的学校:http://suar.orgsync.com/org/aimuncc与Internet Explorer 10
网站显示完全在Chrome 33,但IE10的徽标有一个边界,是放错了位置工具栏中的社交媒体链接在他们周围有我不想要的边框。 CSS徽标:
#logo
{
float: left;
position: fixed;
height: 50px;
margin-top: 1%;
margin-left: 1%;
z-index: 5;
}
.soc_links
{
float: right;
margin-top: 20px;
margin-right: 5px;
z-index: 5;
}
#soc_net
{
display: inline-block;
height: 25px;
z-index: 5;
}
.nav_bar
{
position: fixed;
display: block;
margin-top: -8px;
right: -8px;
width: 101%;
min-width: 60%
height: 80px;
max-height: 80px;
border-bottom: 5px solid #66AA33;
background-color: #FFFFFF;
z-index: 5;
}
HTML的标识和社会联系: http://fonts.googleapis.com/css?family=Open+Sans:300' 的rel = '样式' 类型= “文/ CSS”>
<div class= "nav_bar">
<a href= "[[page:home]]" title= "AIM | Home"><img id= "logo" src= "https://d1q9wbuypc40mm.cloudfront.net/xy332ag7s8dv0d0.jpg"/></a><!--add a link to home-->
<ul class="nav_container"
<li id= "nav_links"><a href= "[[page:home]]">HOME</a></li>
<li id= "nav_links"><a href= "[[page:Executives]]">EXECUTIVE BOARD</a></li>
<li id= "nav_links"><a href= "[[page:News]]">NEWS</a></li>
<li id= "nav_links"><a href= "[[page:Calendar]]">CALENDAR</a></li>
<li id= "nav_links"><a href= "[[page:Getinvolved]]">GET INVOLVED</a></li>
</ul>
<div class="soc_links">
<ul>
<li id= "nav_links"><a href= "https://www.facebook.com/aimuncc" title= "Like AIM on Facebook!" target="_blank"><img id= "soc_net" id="facebook" src= "https://d1q9wbuypc40mm.cloudfront.net/8bni8ebstpojwes.png"/></a></li>
<li id= "nav_links"><a href= "https://www.linkedin.com/groups/Advancing-Innovative-Minds-8104445/about" title= "Join AIM on LinkedIn!" target="_blank"><img id= "soc_net" id="linkedin" src= "https://d1q9wbuypc40mm.cloudfront.net/ughjm7k8coiskx9.png"/></a></li>
<li id= "nav_links"><a href= "https://twitter.com/AimUncc" title= "Follow AIM on Twitter!" target="_blank"><img id= "soc_net" id="twitter" src= "https://d1q9wbuypc40mm.cloudfront.net/b6wp6r8eps2ukhe.png"/></a></li>
<li id= "nav_links"><a href= "http://instagram.com/uncc_aim" title= "Follow AIM on Instagram!" target="_blank"><img id= "soc_net" id="instagram"src= "https://d1q9wbuypc40mm.cloudfront.net/okujfqu9nlkly5p.png"/></a></li>
</ul>
</div>
</div>
请让我知道如果你需要提前更多信息 谢谢!