0
我已設計這樣最佳方式
盒基本上我需要對其進行編碼，以便它們可以是任何大小高度方向和寬度取決於內部的內容。另外陰影效果需要透明，因爲背景顏色可以改變。
最好的方法來做到這一點，所以它適用於所有的瀏覽器？ （IE6 +，FF，歌劇，Safari，Chrome瀏覽器）
Q
最佳方式
A
回答
0
如果你沒有爲IE6你可以使用非常乾淨&輕量的jQuery角的要求：http://jquery.malsup.com/corner/
爲了實現IE6你這個效果我們需要使用半透明的角落圖像，在每個角落使用具有微小單元的桌面格子的奧法。
+0
這些是否有投影？ – Mike 2010-07-12 22:00:10
+0
對不起沒有。但您可以簡單地將投影圖添加到CSS： \t box-shadow：0 0 2px 3px＃999; \t -webkit-box-shadow：0 0 2px 3px＃999; \t -moz-box-shadow：0 0 2px 3px＃999; – 2010-07-12 22:31:56
0
最好的方法是爲現代瀏覽器設計網站，並允許諸如box shadow和border radius之類的東西適度地降級舊瀏覽器和IE。
如果你必須有圓角在IE中我會用這種方法，我發現很容易，重量輕...
http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
我不能箱陰影幫助在IE中，我'我害怕。
0
事實上，IE瀏覽器有一個專有的CSS擴展，它允許你添加陰影：
.shadowed {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3); }
爲圓角，你將不得不使用圖片或JavaScript。我試圖DD_Roundies，我與它相當滿意（它雖然一些bug）
至於其他瀏覽器，您可以使用此：
/*************************************************/
/* The properties follow this format: */
/* property-name: x-offset y-offset blur #color; */
/*************************************************/
box-shadow: 0 0 4px #000; /* For Opera */
-moz-box-shadow: 0 0 4px #000; /* Firefox */
-webkit-box-shadow: 0 0 4px #000; /* WebKit browsers (Safari, Chrome, etc.) */
0
我強烈建議CSS3Pie（適用於IE6-9）。
相關問題
http://www.smileycat.com/miaow/archives/000044.php – reisio 2010-07-13 04:53:19