IE 8+ 浏览器的 CSS 代码应该是什么答案

【问题标题】：what should be the CSS code for IE 8+ browsersIE 8+ 浏览器的 CSS 代码应该是什么
【发布时间】：2013-10-30 22:02:59
【问题描述】：

我需要在我们的 asp.net html 页面中绘制如下图所示的框。

我能够生成简单的盒子，但是如何在右侧和底部放置一个额外的层。

请建议我可以使用什么 CSS？请帮忙处理 CSS 代码。

谢谢，

【问题讨论】：

你确定要在左边多加一层吗？还是对？
你的意思是右和底部吗？ - 谷歌搜索'CSS Box Shadow'
你试过在线盒子阴影生成器吗？
我想盒子阴影不适用于 IE8？ IE8+的解决方案应该是什么？
CSS3 不支持 ie 8 或其旧版本.. 最好将其作为 ie8 或更低版本的 bgimage

标签： css

【解决方案1】：

你需要 box-shadow。

div{
    width: 100px;
    height: 100px;
    border: 1px solid black;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,1);
}

类似于that。

【讨论】：

我想盒子阴影不适用于 IE8？ IE8+的解决方案应该是什么？
我更新了我的链接，使用过滤器参数来接收你需要的结果。

【解决方案2】：

将此添加到您的盒子图层样式中。

div{   

 background:#fff;
 width:200px; height:200px;
 box-shadow:rgba(0,0,0,1) 1px 1px,
               rgba(0,0,0,1) 2px 2px,
               rgba(0,0,0,1) 3px 3px;

}

【讨论】：

【解决方案3】：

.elementClass OR #elementId {
    border-bottom: 5px solid black;
    border-right: 5px solid black;
}

应该做的伎俩。只需更改 5px，直到获得正确的大小。

另外，通常你应该首先展示你自己的尝试。这不是一个适合您的网站，而是为已经开始的工作提供建议。这将大大增加您的问题得到解决的机会。

【讨论】：

【解决方案4】：

上面的效果是box-shadow效果：

试试这个：

div
{
width:300px;
height:100px;
border:1px solid black;
box-shadow: 10px 10px 5px #000000;
}

Reference

【讨论】：

【解决方案5】：

<div class="logbox"></div>

.logbox{
   height:50px;
    width:50px;
    background-color:#fff;
    border:1px solid #000;
    box-shadow: 0px 0px 0px #888888;
}

【讨论】：

我想盒子阴影不适用于 IE8？ IE8+的解决方案应该是什么？

【解决方案6】：

使用过滤器属性：

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

我希望这对你有用。

【讨论】：