IE7和IE8中的盒子阴影

我想在IE7和IE8中实现盒子阴影。我试过一切都没有成功。下面是我使用的彩色阴影应用到一个div的CSS：IE7和IE8中的盒子阴影

.bright{ 
    position: absolute; 
    z-index: 1; 
    -moz-box-shadow: 0px -3px 55px 20px #147197; 
    box-shadow: 0px -3px 55px 20px #147197; 
    -webkit-box-shadow: 0px -3px 55px 20px #147197; 
    behavior: url(ie-css3.htc); 
}

这ie-css3.htc文件是IE的阴影问题的解决方案。但它只会产生黑色阴影，而不是色彩阴影。我想：

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

但它创建了一个方向性的影子，我希望有一个全方位的阴影。也尝试模糊过滤器，但它需要有额外的divs在我目前的情况下是不可取的。有关这个问题的专家意见？

来源

2011-11-18 Shades88

你想要哪个IE版本的影子？ IE7？ IE8？ IE6？ IE5.5？ –

** IE9 **支持box-shadow，IE8及以上版本不需要。停止使用笨手笨脚的黑客，因为它们只会让这些旧浏览器的不良用户感到更糟的用户体验。 – c69

我想在IE7 IE8中。 IE 9支持我知道 – Shades88

使用CSS3 PIE，这在旧版本的IE模拟some CSS3 properties。

它支持box-shadow（except for关键字inset）。

来源

2011-11-18 13:53:34 thirtydot

不工作不透明背景图像：/ – Si8

你可以试试这个

box-shadow: 
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000');

来源

2013-09-19 12:27:06 user2795385

它不会起作用请检查 –

如果您将属性从'box-shadow：'更改为'filter：'，它将起作用。 – Justin

在IE8中，你可以尝试

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')"; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');

警告：在IE8你失去平滑字体出于某种原因，他们会寻找破烂

来源

2013-11-15 20:41:43 iamari

我使用谷歌字体的自定义字体，并没有看到您提到的字体平滑丢失。另外，我只需要'filter：'而不是'-ms-filter'。 – Justin

有没有什么办法让阴影走向三边，比如说左边，右边和底部，而不是两边？ – Justin

时使用此用眼影盒固定问题

filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#F13434', Positive='true');

来源

2014-06-19 09:58:00

IE7和IE8中的盒子阴影

回答

相关问题