IE 11不顯示的CSS圓圈

所以我想創造一些圖標，併爲此下（條紋）CSSIE 11不顯示的CSS圓圈

.css_circle { 
    background: #8a8f97; 
    border: 0px none transparent; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    behavior: url(../js/PIE.htc); 

    text-align: center; 
    text-decoration: inherit; 
    color: #FFF; 
} 

.genic { 
    display: inline-block; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    line-height: 1; 
    font-family: 'Genericons'; 
    text-decoration: inherit; 
    font-weight: normal; 
    font-style: normal; 
    font-variant: normal; 
    vertical-align: middle; 
} 
.genic-1_5x { 
    font-size: 1.5555555555555555em; 
} 
.genic-fb:before { 
    content: '\f204'; 
} 
.boxshadow { 
    position: relative; 
    -webkit-box-shadow: #000 2px 3px 0px; 
    -moz-box-shadow: #000 2px 3px 0px; 
    box-shadow: #000 2px 3px 0px; 
}

和代碼

<div class="footer_contact"> 
    <ul> 


     <?php if(vp_option('facebook') != ''){ ?> 
     <li><a href="<?php echo vp_option('facebook'); ?>" target="_blank" class="footer_contact_fb" title="Visit on Facebook"><i class="css_circle genic genic-1_5x genic-fb boxshadow"></i></a></li> 
     <?php } ?> 

    </ul> 
</div>

現在這個工作在鉻F.E.但不在ie中。我認爲它必須是文件（格式或代碼）的一些問題，因爲我正在使用「Font Awesome」進行測試，除了圓圈，即不顯示genericon，而是在另一個css中定義樣式的Font Awesome圖標。

因此，我複製所有新文件，並刪除舊的，以防止文件格式的問題，並用notepad ++看看代碼，並運行檢查表達式web 4，但我找不到任何東西，即應該'無法處理。

來源

2014-02-28 dinovom

好吧，我終於明白了 - 用notepad ++進行了更深入的觀察，比較了genericon和font-awesome，並發現「@ font-face」存在差異 - 出於某種原因，命令已經被標記粗體含義：

SRC：URL（ '../font/genericons-webfont.eot?#iefix '）格式（' 嵌入的OpenType'）， URL（'../font/genericons-webfont.woff'）format（'woff'），

我找不到真正的來源 - 代碼本身是好的，只是... i.d.k.無論如何，我複製了乾淨的部分從字體真棒（，固定鏈接，），它現在工作。如果有人知道如何實現這一點，我想學習。

來源

2014-03-25 14:04:39 dinovom

IE 11不顯示的CSS圓圈

回答

相關問題