css - CSS Triangle 使用 :after 伪元素在 IE8 中显示为矩形

Question

我有一个三角形：在表单中的每个表格元素之后（不要跟我谈论标记..我只能访问 CSS >.>）并且在 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;}

目前的样子

它应该是什么样子

你知道什么可能会影响三角形的形状（以及我们在它的透明度）吗？

Answer 1

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

如果您可以在没有 rgba alpha 的情况下生活，这里有一些适用于 IE8 的 CSS 三角形示例：http: //css-tricks.com/snippets/css/css-triangle/