css三角形上的框阴影

我有几个列表元素，后面有一个css三角形箭头。我想在箭头周围添加

box shadow

，但无法找出我的阴影不起作用的原因。我尝试过以下其他解决方案，但这些解决方案使用

：：在

伪元素之后生成三角形，但我的三角形是一个单独的

div

。非常感谢您的帮助

#Shippingli{
填充：15px 15px 15px 35px；
背景:#ececec ;；
浮动：左；
显示：块；
}
#Shippingli a{
颜色：#4A4947
}
#平里桥{
背景：#7c7a7b；
颜色：白色；
}
#shippingli.active{
背景：黑色；
颜色：白色；
字体大小：粗体
}
#shippingsteps li.active a{
颜色：白色；
}
#shippingsteps li.activespan{
背景：#C60001；
颜色：白色；
边框颜色：#C60001
}
#Shippingli：：之后{
边界：无；
}
#ShippingLi.导航箭头{
边框颜色：透明#ececec；
边框样式：实心；
边框宽度：31px 0 30px 20px；
;
身高：0；
位置：绝对位置；
右：-19px；
排名：0；
宽度：0；
z指数：150；
}
#shippingsteps li.nav arrow:：after{
-moz边框底色：无；
-moz边框左侧颜色：无；
-moz边框右颜色：无；
-moz边框顶部颜色：无；
边框颜色：透明#ececec；
边界图像：无；
边框样式：实心；
边框宽度：31px 0 30px 20px；
长方体阴影：0 3px 3px 0 rgba（0,0,0,0.4）；
内容：“；
位置：绝对位置；
右：3px；
顶部：-32px；
变换：旋转（31度）；
z指数：100；
}
#shippingsteps li.active.nav箭头{
边框颜色：透明#000；
}

1.


2.


3.

四,

如前所述，您希望使用属性

过滤器：放置阴影（0 1px 2px rgba（0,0,0,5））

和所有供应商前缀。

如前所述，您希望使用属性

过滤器：放置阴影（0 1px 2px rgba（0,0,0,5））

带有所有供应商前缀。

您知道长方体阴影将是一个矩形。对吗？如上所述，长方体阴影会在长方体周围放置一个阴影，无论您是否操纵边框来创建三角形，它们仍然存在于长方体中。三角形会发生任何变化吗？我建议用图像来代替。保利，是的，这是我的问题，矩形框阴影。旋转并不能帮我把阴影移到合适的位置。Hieu，除非绝对必要，否则不要使用图像。你需要像这样的技巧。你知道长方体阴影将是一个矩形。对吗？如上所述，长方体阴影会在长方体周围放置一个阴影，无论你是否操纵边界来创建三角形，它们仍然存在于长方体中。三角形会发生任何变化吗？我建议用图像来代替。保利，是的，这是我的问题，矩形框阴影。旋转并不能帮我把阴影移到合适的位置。Hieu，除非绝对必要，否则不要使用图像。你需要像这样的技巧。我不知道！浏览器如何支持此筛选器？有没有办法为IE使用回退？一个看起来很糟糕的

-ms过滤器：“progid:DXImageTransform.Microsoft.Dropshadow（OffX=0，OffY=1，Color='#444'）”不知道这件事！浏览器如何支持此筛选器？有没有办法为IE使用回退？一个看起来很糟糕的
-ms过滤器：“progid:DXImageTransform.Microsoft.Dropshadow（OffX=0，OffY=1，Color='#444'）”