跨瀏覽器實現盒陰影 box shadow 效果

現在流行的設計裡總是使用了大量的陰影，看看vista、win7裡誇張的box陰影，mac裡的陰影比比皆是。css3的box-shadow屬性可以讓我們輕鬆實現圖層陰影效果，使我們可以不再總是依賴於使用。

實現盒模型陰影的綜合**：

/*

internet explorer
*/background:#fff;
/*internet explorer 8 
*/-ms-filter:"progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=0,strength=6) 
progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=90,strength=6) 
progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=180,strength=6) 
progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=270,strength=6)";
/*低於internet explorer 版本8
*/*filter: progid:dximagetransform.microsoft.shadow(color=#cccccc, direction=0, strength=6) 
progid:dximagetransform.microsoft.shadow(color=#cccccc, direction=90, strength=6) 
progid:dximagetransform.microsoft.shadow(color=#cccccc direction=180, strength=6) 
progid:dximagetransform.microsoft.shadow(color=#cccccc, direction=270, strength=6);
/*標準瀏覽器
*/box-shadow:0px0px6px#ccc;

在ie8中，-ms-filter是filter的別名，兩者區別是-ms-filter的屬相值必須被單引號或雙引號包圍，而filter中則不是必須，而在ie8之前的版本中，filter的屬性值必須不被單引號或雙引號包圍。

shadow濾鏡的基本語法：

filter

:shadow
(color
=color
,direction
=direction
,strength
=strength
)

direction引數是用來設定投影方向的，如果該數值是0的話，就代表垂直投影，此外該數值45度為單位，它的預設值是向左的270度。

strength設定或檢索以物件為基準的在運動方向上的向外擴散距離。

box-shadow的基本語法：

box

-shadow
:<
length
>
||

在低於firefox4、chrome10的瀏覽器中實現陰影效果需要新增：

-

moz-
box-
shadow
:0px
0px6px
#ccc;
-webkit
-box
-shadow
:0px
0px6px
#ccc;
連線：

CSS實現跨瀏覽器相容性的盒陰影效果

在web頁面的ui表現中，投影效果可以說是非常常見的一種表現效果了。對於目前對css3支援如狗屎的孤芳自賞的ie瀏覽器怎麼辦呢？box shadow屬性對於ie瀏覽器就像是聖誕樹上的彩燈 裝飾而已。好在ie瀏覽器有個ie shadow濾鏡，是ie瀏覽器私有的乙個東西，可以模擬還湊合的盒陰影效果，使用...

跨瀏覽器實現float center

原文 htt 我們都知道float left和float right，但是否想過float center呢？居中浮動。程式設計客棧 ul class macji skin 程式設計客棧 我們希望實現li是浮動的，並且居中的 li個數不固定，ul寬wmyyn度未知 可以設定ul的text align ...

谷歌瀏覽器實現跨域

大家在做http請求的時候可能會遇到跨域問題，這裡為大家提供解決方案，親自實驗有效。一般是報上述錯誤。首先在c盤新建乙個資料夾，命名按照下面的來。開啟谷歌瀏覽器的設定 在 目標 的exe後面新增下面這段內容，不要忘記打空格。並且下面這段內容不要放在包含 exe 的雙引號裡面，放在外面 disable...