2011-10-17 32 views
3

我敢打賭,CSS3不兼容所有瀏覽器。我可以用CSS <3創建一個漂亮的盒子陰影嗎?

我想知道是否有任何方法可以創建一個只使用CSS和CSS3方法的盒子陰影。

它應該和使用CSS3一樣好看,這樣我就可以在所有瀏覽器中使我的應用程序兼容。

+0

與CSS2你可以做它與div和圖像的組合,X瀏覽器兼容,但顯然不像*優雅*或簡單的CSS3。 – jackJoe

+0

那麼最新的選擇,如果我想使所有瀏覽器兼容? –

+0

正如我所說,CSS2的div +圖像解決方案是X瀏覽器(跨瀏覽器)注意*所有*是一個拉伸!你永遠不能瞄準所有瀏覽器,至少最受歡迎。 – jackJoe

回答

2

不,你不能。當CSS3不可用時,您將需要使用圖像。

1

不,在您需要支持的大多數舊瀏覽器中不支持CSS框陰影。計劃優雅的退化。不幸的是,IE仍然擁有大部分市場份額,而且大多數人都沒有使用最新版本。確定你的最低公分母是什麼以及他們看到什麼是可以接受的。使用舊版瀏覽器的人並沒有像其他人那樣獲得相同的體驗,但是可以確保他們看到最重要的細節。考慮下面的內容來定製每個瀏覽器所看到的內容。這是一種痛苦,但我認爲這是最好的選擇。

<link rel="stylesheet" type="text/css" media="screen, projection" href="/_/css/ie.css" /> 
<![endif]--> 
<!--[if lt IE 8]> 
<link rel="stylesheet" type="text/css" media="screen, projection" href="/_/css/ie7.css" /> 
<![endif]--> 
<!--[if lt IE 7]> 
<link rel="stylesheet" type="text/css" media="screen, projection" href="/_/css/ie6.css" /> 
<![endif]-->