Question

我在为按钮创建线性渐变和框阴影时遇到问题。问题是梯度适用于交叉broswers，但框阴影不（不需要插入）。主要是我需要ie8。

我的要求是为单个类（如.submit）编写css，并为所有浏览器提供支持线性渐变和box-shadow。

Answer 1

您可以使用此示例应用阴影。

.shadow{
     filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
     -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
     zoom: 1;
}

你可以在css3 pie

制作自己的变体here

Answer 2

看看shadow filter。

这会在元素的每一侧添加阴影：

.boxshadow {    
        zoom: 1;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
}

应该在IE中工作到第6版。

框阴影和线性渐变都发生冲突

2 个答案: