Internet explorer IE7和IE8中的方块阴影

Internet explorer IE7和IE8中的方块阴影,internet-explorer,internet-explorer-8,internet-explorer-7,css,Internet Explorer,Internet Explorer 8,Internet Explorer 7,Css,我想在IE7和IE8中实现长方体阴影。 我什么都试过了,但没有成功。下面是我用来将彩色阴影应用于div的css: .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

我想在IE7和IE8中实现长方体阴影。 我什么都试过了,但没有成功。下面是我用来将彩色阴影应用于div的css:

.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);
但它会产生一个定向阴影,我想要一个全向阴影。还尝试了模糊过滤器,但它需要有额外的div,这在我目前的情况下是不可取的。关于这个问题有专家的意见吗?

使用,它在旧版本的IE中进行模拟

它支持
box shadow
(插入
关键字)。

您可以试试这个

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');
在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中,由于某些原因,您会松开平滑字体,它们看起来会参差不齐

使用此选项修复阴影框的问题

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

IE9支持长方体阴影,IE8及更早版本不需要。停止使用愚蠢的黑客,因为它们只会让那些旧浏览器的可怜用户的用户体验更加糟糕。@c69在旧版本的IE中工作得很好,并且肯定会增强用户体验。@c69运行良好。试着用最少的规格运行,自己试试。@c69-如果你在一个公司环境中工作,你不会有权利决定你要做什么和不做什么。如果要求在IE7中必须有阴影,那么作为开发人员,您需要知道如何做到这一点。我无法想象回到客户那里会说“对不起,我知道你想要它,但我决定你的用户不需要它,所以我没有这么做”。offtopic:@ColoradoRockie网站开发人员有很多工作,而公司并不总是意味着“我的老板是个白痴”。作为一名专家,你的职责是为你的客户做最好的事情,当他坚持要朝他的脚开枪时,你的义务是至少告诉他所有不幸的后果。我使用的是谷歌字体的自定义字体,我看不到你提到的字体平滑的损失。另外,我只需要
过滤器:
而不是
-ms过滤器
。有没有办法让阴影变成三面,比如说左、右和下,而不是两面?如果你绝对需要InternetExplorer5.5到8的inset boxshadow,请看我下面的仅使用CSS(无javascript)的高级方法完整代码示例。