Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE 11中整个Div周围的CSS框阴影_Html_Css_Internet Explorer - Fatal编程技术网

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

Html IE 11中整个Div周围的CSS框阴影,html,css,internet-explorer,Html,Css,Internet Explorer,我无法让box shadow在div的整个周长周围创建阴影。以下内容适用于FireFox,但不适用于IE 11 我尝试了以下方法: 这里有一个解决这个问题的方法。 CSS: HTML: 阴影框中有第四个参数,可用于增加阴影的大小,并使其更可见 .addAccountPanel { width:250px; height:200px; margin:auto; background-color: rgba(0,0,0,

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

我尝试了以下方法:

这里有一个解决这个问题的方法。 CSS:

HTML:


阴影框中有第四个参数,可用于增加阴影的大小,并使其更可见

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

阴影框中有第四个参数,可用于增加阴影的大小,并使其更可见

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

您确定没有其他与此冲突的内容吗?我甚至可以追溯到IE9。阴影看起来没有那么活跃。您几乎无法在div的顶部和底部看到它,这可能是因为不同浏览器使用的渲染方法不同。您可以通过将
4px
的值更改为
10px
之类的
box shadow:
并添加一个
-moz box shadow:0px 0px 4px#004C7E行。你的小提琴在我的IE11I中起作用。我同意@TylerH的建议,并为特定浏览器指定厚度。你确定没有其他与此冲突的内容吗?我甚至可以追溯到IE9。阴影看起来没有那么活跃。您几乎无法在div的顶部和底部看到它,这可能是因为不同浏览器使用的渲染方法不同。您可以通过将
4px
的值更改为
10px
之类的
box shadow:
并添加一个
-moz box shadow:0px 0px 4px#004C7E行。你的提琴在我的IE11I中工作。我将接受@TylerH的建议,并为特定浏览器指定厚度。感谢这项工作!如果你把它和TylerH上面关于为浏览器指定的评论结合起来,我可以给你答案。谢谢你的帮助!如果你把它和TylerH上面关于指定浏览器的评论结合起来,我可以给你答案。
.addAccountPanel
    {
        width:250px; 
        height:200px; 
        margin:auto; 
        background-color: rgba(0,0,0, .2); 
        position:relative; 
        box-shadow: 0px 0px 4px 2px #004C7E;
    }