CSS類「::後」無法在Internet Explorer工作

可能重複：
Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?CSS類「::後」無法在Internet Explorer工作

我有一個WordPress頁面設置here。它確實使用了表格，我知道它是愚蠢的，但它也是在後臺設置可視化佈局的最佳方式，因此客戶端可以在編輯時看到他們正在做什麼。

ANYHOO，我有一個分隔符圖像顯示在每個表格行之後，使用「tr :: after」css。在任何瀏覽器中，這看起來都不錯，除了Internet Explorer之外，其中不是顯示在表格下方，分隔符似乎在縮小第二列並擠在旁邊(image)

我似乎無法弄清楚這裏發生了什麼。

哪個版本的IE瀏覽器？ – BoltClock

截圖來自IE9--在IE 8中表格看起來正確，但後面的元素根本不顯示。 –

IE 8+支持:after pseudo-element - 注意根據上述鏈路沒有IE版本（雖然IE 10不在該列表）單一冒號（:)

~~支持兩結腸僞元件~~

編輯：

2013-01-03 18:19:31 MikeM

[該鏈接錯誤。]（http://stackoverflow.com/questions/7157405/are-css3-before-and-after-pse-o-udo-elements-supported-by-ie9-or-not/7157425#7157425） – BoltClock

@BoltClock很不幸，對於IE支持的樣式來說，它往往是一個很好的參考。 – MikeM

我們將看看我是否聽到了我對該鏈接的反饋 – MikeM

您只使用創建的CSS3語法來區分僞類和僞類，如:hover和:focus。儘管後面的目標指出了元素的，但是::after針對目標之後的僞元素。

與其他瀏覽器一樣，Internet Explorer 8支持CSS2版本。直到Internet Explorer 9才加入對CSS3語法的支持。如果您想要完全兼容，您可以提供兩者，或者在IE8評論中提供以前的CSS2語法。

的MSDN Documentation狀態如下：在IE8標準模式

在Windows Internet Explorer 8，以及更高版本的Windows的Internet Explorer，僅此僞元素的一個冒號形式是recognized-即：之後。

enter image description here

2013-01-03 19:36:18 Sampson

感謝您提供這些信息，但我不認爲這就是它按照原樣顯示的原因，因爲即使使用單個冒號也有同樣的問題。 –

@DarrenMiller我回到你的演示，但你似乎已經改變了它。你能否鏈接到一個不會在將來改變的例子 - 使用http://jsfiddle.net的演示將是理想的。 – Sampson

是的，對不起。我一直試圖解決它，並最終放棄，只是完全重構了頁面佈局。 –

CSS類 「::後」 無法在Internet Explorer工作