html - IE 11 中整个 Div 周围的 CSS 框阴影

标签 html css internet-explorer

我无法让 box-shadow 在 div 的整个周边周围创建阴影。以下内容适用于 FireFox,但不适用于 IE 11。

我尝试了以下方法:Internet Explorer - CSS Shadow All Around

这是一个JSFiddle对于这个问题。 CSS:

 .addAccountPanel
 {
    width:250px; 
    height:200px; 
    margin:auto; 
    background-color: rgba(0,0,0, .2); 
    position:relative; 
    box-shadow: 0px 0px 4px #004C7E;
 } 

HTML:

  <div class="addAccountPanel"> </div>

最佳答案

box-shadow 中有第四个参数,可以让你增加阴影的大小,并使其更明显

.addAccountPanel
    {
        width:250px; 
        height:200px; 
        margin:auto; 
        background-color: rgba(0,0,0, .2); 
        position:relative; 
        box-shadow: 0px 0px 4px 2px #004C7E;
    }

fiddle

关于html - IE 11 中整个 Div 周围的 CSS 框阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22517621/

相关文章:

html - css 对齐在 ie7 中中断但在其他地方有效

html - 为什么第一个LI在FF和IE中向下移动

CSS Animate SVG 笔画停在最后一帧

javascript - 使用 javascript(没有 jQuery)在标签中应用样式

c++ - 使用样式表 Qt 自定义 QScrollBar 交集

IE 中的 CSS 旋转属性

javascript - 使用 jQuery 或 Javascript 重定向到带有值的给定页面

javascript - 使用 JS 设置所有带有 X ID 的输入字段的值

html - 确保内联项始终出现在最后

html - 在菜单项悬停时创建菱形