html - 为什么 IE 不显示我的 css 框阴影效果

标签 html css

我已经通过 css3 使用了框阴影效果,这在其他浏览器中非常好,而 IE 不显示这些效果,任何人都可以解决这个问题。

CSS3 阴影代码

  #bshadow
{
/*  
-webkit-box-shadow: -9px -4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -9px -4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -9px -4px 5px 0px rgba(50, 50, 50, 0.75); */

-webkit-box-shadow: -4px -5px 9px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -4px -5px 9px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -4px -5px 9px 0px rgba(50, 50, 50, 0.75);

-moz-border-radius-topleft: 44px;
-webkit-border-top-left-radius: 44px;
 border-top-left-radius: 44px;
-moz-border-radius-topright: 44px;
-webkit-border-top-right-radius: 44px;
border-top-right-radius: 44px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;

}

最佳答案

IE 将使用 filter: 属性。

更多信息在这里:http://hedgerwow.appspot.com/demo/shadow 如另一个 stackoverflow 问题所示:

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');

enter link description here

关于html - 为什么 IE 不显示我的 css 框阴影效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27119588/

相关文章:

javascript - Safari 中的 Web Audio API 质量差和其他问题

css - 更改大纲文本字段的默认边框颜色

javascript - 在焦点上显示和隐藏不同的元素

html - CSS (SASS) @font-face : Declared 3 fonts within font-family, 仅加载 2 个

html - 如何在没有分词的情况下删除单词之间不需要的空格

javascript - 将连续(上传)的内容放在多个页面(div)中

html - CSS:在悬停时更改 h2 的垂直对齐

javascript - JS组件可以继承CSS样式吗?

html - Bootstrap4 Jumbotron 文本和按钮元素未缩放以适应较小的 View 屏幕

javascript - particles.js 没有覆盖整个页面