Question

我有一个三角形：在表格中的每个表格元素之后（不要跟我谈论标记......我只能访问CSS＆gt;。＆gt;）和IE9 / IE10 / Chrome / FF它工作正常。但是，当我在IE8中检查它时，而不是三角形，我得到一个实心矩形。

这是css：

.wSectionTableCSS:after {
content: "";
bottom: -38px;
left: 17px;
border-style: solid;
border-width: 25px 0 0 20px;
border-color: rgba(77, 77, 77, 0.13) transparent;
width: 0;
z-index: 1;
    margin: 0 0 0 -20px !important;
    position: relative;
overflow: visible;
display: inherit;}

How it currently looks

What it should look like

您是否知道可能影响三角形的形状（以及我们的三角形时的透明度）？

Answer 1

确保声明了DocType，否则IE8将无法理解：after伪选择器。

如果你可以没有rgba alpha，这里有一些在IE8中工作的CSS三角形的例子：http://css-tricks.com/snippets/css/css-triangle/

CSS Triangle使用：在IE8中将伪元素显示为矩形后

1 个答案: