在IE8

負z-index的問題，我使用兩個僞元素在一個div上創建一個橫幅效果，像這樣：在IE8

div { position: relative; width: 200px; background-color: #999; } 
div:before, div:after { content: ""; width: 10px; height: 0; display: block; position: absolute; z-index: -1; top: 10px; border-top: 10px solid #666; border-bottom: 10px solid #666; } 
div:before { right: -20px; border-right: 10px solid transparent; border-left: 10px solid #333; } 
div:after { left: -20px; border-left: 10px solid transparent; border-right: 10px solid #333; }

它工作正常，在FF，鉻，野生動物園& IE9，但沒有運氣與IE8。 z-index爲-1的兩個元素顯示上面的父親。有什麼辦法讓這個工作？

來源

2011-02-18 user14920

請參考[this]（http://stackoverflow.com/questions/5540177/ie8-z-index-on-before-and-after-css-selectors/5543472#5543472）回答@smdrager真的幫了忙通過解釋它是如何工作的，並展示了一個很好的例子 – zanona 2011-04-05 08:24:38

我有同樣的問題。尚未找到解決方法。 – frequent 2013-06-11 08:22:07

您應該嘗試設置1的z-index至div。

來源

2011-02-18 07:38:44 Kyle

回答

相關問題