CSS三角形使用:after psuedo元素在IE8中显示为矩形

CSS三角形使用:after psuedo元素在IE8中显示为矩形,css,internet-explorer-8,geometry,pseudo-element,Css,Internet Explorer 8,Geometry,Pseudo Element,我有一个三角形,即:在表单中的每个表元素之后(不要跟我谈论标记..我只能访问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,

我有一个三角形,即:在表单中的每个表元素之后(不要跟我谈论标记..我只能访问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;}


你知道什么可能会影响三角形形状(以及我们在三角形上时的透明度)吗?

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


如果您可以不使用rgba alpha,以下是一些在IE8中使用的CSS三角形示例:

边框颜色
带有
rgba
的CSS三角形在IE8中不受支持。这可能会有帮助,但没有承诺=>我检查过了,但我不确定如何将透明度过滤器应用于边框颜色(而不是背景)。看起来这需要额外的层-不幸的是,我没有权限编辑html。