Firefox和Chrome浏览器的CSS阴影很好，但在Internet Explorer上没有显示 [英] css shadows are fine with firefox and chrome but not showing on Internet Explorer

问题描述

css阴影在firefox和chrome中没有问题，但在Internet Explorer上没有显示
我使用了下面的代码：

   - moz-box-shadow：0 0 20px＃000; 
  

有人可以为我推荐一个解决方案

解决方案

-moz-box-shadow：0 0 20px＃000;

/ code>仅适用于FireFox。

您可以使用 box-shadow：0 0 20px＃000;

IE< 9需要一些帮助。你需要像这样的

  filter：progid：DXImageTransform.Microsoft.Blur（PixelRadius = 2，MakeShadow = true，ShadowOpacity = 0.20 ）; 
 
 -ms-filter：progid：DXImageTransform.Microsoft.Blur（PixelRadius = 2，MakeShadow = true，ShadowOpacity = 0.20）; 
 zoom：1; 
  

您必须使用这些值。

所有这些都可以是

  .something {
 -moz-box-shadow：0 0 20px ＃000; 
 -webkit-box-shadow：0 0 20px＃000; 
 box-shadow：0 0 20px＃000; 
 filter：progid：DXImageTransform.Microsoft.Blur（PixelRadius = 2，MakeShadow = true，ShadowOpacity = 0.20）; 
 -ms-filter：progid：DXImageTransform.Microsoft.Blur（PixelRadius = 2，MakeShadow = true，ShadowOpacity = 0.20）;缩放：1; 
} 
  

css shadows are fine with firefox and chrome but not showing on Internet Explorer I used following code

 -moz-box-shadow: 0 0 20px #000;

Can someone suggest me a solution for this

Thank You!

解决方案

-moz-box-shadow: 0 0 20px #000; is only for FireFox.

You can use box-shadow: 0 0 20px #000;

IE < 9 needs some help. You need something like this

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20);

-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20)";
        zoom: 1;

You'll have to play with the values.

All together it could be

.something{
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.20)"; zoom: 1;
}

这篇关于Firefox和Chrome浏览器的CSS阴影很好，但在Internet Explorer上没有显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！