引導+ Fontawesome + IE7使用按鈕組這樣當=與圖標

Question

上的按鈕沒有標題我有自舉，Fontawesome和IE7一個問題文檔（HTML5）爲：

<link href="/bootstrap/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css" /> 
<link href="/fontawesome/css/font-awesome.min.css" media="screen" rel="stylesheet" type="text/css" /> 
<link href="/fontawesome/css/font-awesome-ie7.min.css" media="screen" rel="stylesheet" type="text/css" /> 

它在大多數現代瀏覽器中都如預期顯示。但在IE7中，按鈕上的標題文字消失了。請參閱附件截圖（WinXP上的IE7，WinXP上的IE8，OS X上的Safari）。在IE8上使用F12開發人員工具並以兼容模式運行時，我發現標記中的文本節點僅包含一個正方形（開發工具無法顯示的圖標）;節點中的文本消失了。手動更改它可以清除圖標並顯示文本。

有沒有人有任何建議我可以解決這個問題？不幸的是，放棄對IE7的支持並不是一種選擇。這是確定的，它看起來醜陋，但.. :-)

Answer 1

這是可以預料的，因爲他們使用CSS表達式來生成所需的內容，因爲IE7缺少:before/:after支持。

https://github.com/FortAwesome/Font-Awesome/blob/master/css/font-awesome-ie7.min.css

.icon-glass{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '')} 

你必須在這種情況下，用一個空元素：

<a href="some-url.html"><span class="btn icon-circle-arrow-left"></span> Back</a> 

Answer 2

您是否嘗試過包括html5shiv支持HTML5在IE 6-8？ https://code.google.com/p/html5shiv/