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

时间:2013-10-30 10:10:25

标签: css

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

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

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

谢谢,

enter image description here

6 个答案:

答案 0 :(得分:2)

你需要盒子阴影。

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

that之类的东西。

答案 1 :(得分:0)

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

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;

}

答案 2 :(得分:0)

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

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

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

答案 3 :(得分:0)

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

试试这个:

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

Reference

答案 4 :(得分:0)

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

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

答案 5 :(得分:0)

使用过滤器属性:

/* 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');

我希望这对你有用。