CSS无法在IE浏览器中运行，但所有其他浏览器

-3

在我的网站上，我放置了一些社交图标，它们在鼠标悬停时进行转换，并且还包含自定义字体。他们在我的主要网站上为包括IE在内的所有浏览器都正常工作。但在我使用相同的代码的论坛上，它不能使用IE。CSS无法在IE浏览器中运行，但所有其他浏览器

你把看一看实际的站点位置：

主要站点：http://mydivision.net/ - 在所有的浏览器包括IE
论坛罚款：http://mydivision.net/forum/ - 罚款exluding IE

所有的浏览器CSS代码：

<style type='text/css'> 
@font-face {font-family: 'icomoon'; src:url('http://mydivision.net/wp-content/themes/v1/font/icomoon_x1.eot'); src:url('http://mydivision.net/wp-content/themes/v1/font/icomoon_x1.eot?#iefix') format('embedded-opentype'), url('http://mydivision.net/wp-content/themes/v1/font/icomoon_x1.ttf') format('truetype'), url('http://mydivision.net/wp-content/themes/v1/font/icomoon_x1.woff') format('woff'), url('http://mydivision.net/wp-content/themes/v1/font/icomoon_x1.svg#icomoon') format('svg'); font-weight: normal; font-style: normal;} 
#social_container {float: right; height: 40px; width: 230px; margin: 90px 0 0 0;} 
.so_link {width: 32px; height: 32px; border-radius: 50%;} 
.so_fb, .so_gp , .so_tw, .so_yt, .so_st, .so_fe {width: 32px; height: 32px; float: left; margin-right: 4px; border: 1px solid #fff; border-radius: 50%; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;} 
.so_fb:hover {background: #3b5998; border: 1px solid #3b5998;} 
.so_gp:hover {background: #d34836; border: 1px solid #d34836;} 
.so_tw:hover {background: #00aced; border: 1px solid #00aced;} 
.so_yt:hover {background: #cd201f; border: 1px solid #cd201f;} 
.so_st:hover {background: #000; border: 1px solid #000;} 
.so_fe:hover {background: #ffbb33; border: 1px solid #ffbb33;} 
.so_fb:hover, .so_tw:hover, .so_yt:hover, .so_st:hover, .so_gp:hover , .so_fe:hover {transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transition-duration: 0.5s; -webkit-transition-duration: 0.5s;} 
.so_fb:before, .so_tw:before, .so_yt:before, .so_st:before, .so_gp:before , .so_fe:before {font-family: 'icomoon'; font-size: 24px; color: #fff; position: relative;} 
.so_fb:before {content: '\f09a'; top: 4px; left: 9px;} 
.so_tw:before {content: '\f099'; top: 4px; left: 6px;} 
.so_yt:before {content: '\f167'; top: 3px; left: 6px;} 
.so_st:before {content: '\f1b6'; top: 3px; left: 3px;} 
.so_gp:before {content: '\f0d5'; top: 4px; left: 6px;} 
.so_fe:before {content: '\f09e'; top: 4px; left: 8px;} 
</style>

HTML代码：

<div id="social_container"> 
     <a class="so_link" href="https://www.facebook.com/mydivision.net" title="Werde Fan auf Facebook!" target="_blank"><span class="so_fb"></span></a> 
     <a class="so_link" href="https://twitter.com/MYDIVISIONNET" title="Folge uns auf Twitter!" target="_blank"><span class="so_tw"></span></a> 
     <a class="so_link" href="http://www.youtube.com/DIVISIONNET" title="Abonniere uns auf YouTube!" target="_blank"><span class="so_yt"></span></a> 
     <a class="so_link" href="http://steamcommunity.com/groups/MYDIVISIONNET/" title="Trete unserer STEAM-Gruppe bei!" target="_blank"><span class="so_st"></span></a> 
     <a class="so_link" href="https://plus.google.com/+MyDivisionNetPlus" title="Finde uns auf Google+!" target="_blank"><span class="so_gp"></span></a> 
     <a class="so_link" href="http://mydivision.net/feed/" title="Abonniere unser RSS-Feed!" target="_blank"><span class="so_fe"></span></a> 
    </div>

这是相同的代码，所以我不知道它为什么不起作用。
任何人都可以请帮忙吗？

来源

2014-12-13 jackennils

请在这里发布您的代码。 – haxtbh 2014-12-13 15:15:35

发布了代码 – jackennils 2014-12-13 15:18:02

请阅读发布调试帮助请求的指导原则。除了发布代码之外，您还需要详细描述预期行为和实际行为。 “不起作用”不是一个有用的错误描述。你认为我们是心灵读者吗？另外，描述你自己调试问题的尝试，以及结果是什么。您还需要提供诸如IE版本的详细信息。 – 2014-12-13 16:50:08

我会冒险猜测它是与设置为在IE7模式下显示论坛的meta http-equiv标记有关吗？

来源

2014-12-13 17:18:40

CSS无法在IE浏览器中运行，但所有其他浏览器

回答

相关问题