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

Question

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

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

请建议我使用什么CSS？请帮助CSS代码。

谢谢，

Answer 1

你需要盒子阴影。

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

像that之类的东西。

Answer 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;

}

Answer 3

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

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

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

Answer 4

上面的效果是盒子阴影效果：

试试这个：

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

Reference

Answer 5

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

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

Answer 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');

我希望这对你有用。