什麼應該是IE 8+瀏覽器的CSS代碼

-2

我需要在我們的asp.net html頁面中繪製如下圖所示的框。什麼應該是IE 8+瀏覽器的CSS代碼

我能夠生成簡單的盒子，但是如何在右側和底部放置一個額外的圖層。

請問我可以使用哪些CSS？請幫助CSS代碼。

感謝，

enter image description here

來源

2013-10-30 user584018

你確定要在left_上輸入一個額外的圖層嗎？或者是對的？ –

你的意思是**右**和底？ - Google搜索*'CSS Box Shadow'* – George

你有沒有試過網上的box-shadow generator？ – matzone

您需要的box-shadow。

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

有點像that。

來源

2013-10-30 10:14:20 GoldenTabby

我想盒子陰影不能用於IE8？什麼應該是IE8 +的解決方案？ – user584018

我更新了我的鏈接，使用過濾參數播放以獲得您需要的結果。 – GoldenTabby

將此添加到您的框圖層樣式中。

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; 

}

來源

2013-10-30 10:14:27

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

應該做的伎倆。只需更改5px，直到獲得合適的尺寸。

另外，一般來說，你應該首先顯示你自己的嘗試。這不是一個適合你的網站，而是爲已經開始的工作提供建議。這將大大增加您的問題得到解決的機會。

來源

2013-10-30 10:14:28 JosephGarrone

的影響上面的box-shadow效果：

試試這個：

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

Reference

來源

2013-10-30 10:16:51

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

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

來源

2013-10-30 10:18:42

我想盒子的影子不能用於IE8？什麼應該是IE8 +的解決方案？ – user584018

使用篩選器屬性：

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

希望這對你的工作很好。

來源

2013-10-30 14:02:59 Jason

什麼應該是IE 8+瀏覽器的CSS代碼

回答

相關問題