Html IE 11中整个Div周围的CSS框阴影
我无法让box shadow在div的整个周长周围创建阴影。以下内容适用于FireFox,但不适用于IE 11 我尝试了以下方法: 这里有一个解决这个问题的方法。 CSS: HTML: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,
阴影框中有第四个参数,可用于增加阴影的大小,并使其更可见
.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;
}