（從已經死了一次又一次終於掛掉的百度空間人工搶救出來的，發表日期2014-04-24）
今天發現使用box-shadow屬性，可以很好的給div添加陰影效果，但是添加的效果如果是：
-moz-box-shadow:0 4px 4px #999;
-webkit-box-shadow:0 4px 4px #999;
box-shadow:0 4px 4px #999;
使用#設置的顏色是沒有透明效果的。這樣設置陰影的顏色，如果陰影落在的位置不是白色的，甚至是動態的，例如落在了幻燈片上，好幾張不同顏色的圖片輪播。那么這樣設置陰影的顏色，會是陰影效果看起來很假！
解決辦法：使用rgba來代替。
-moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
這里要交代一下：
ie6和ie7應該是不支持box-shadow屬性的。
可以使用：*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#888888"); 來代替
由於我設置的陰影並不要求一定要在所有瀏覽器中顯示。所以我沒有添加這行代碼，所以也沒有驗證在這里將Color="#888888"中的顏色用rgba來代替是否可行，有需要的朋友自己驗證去，估計夠嗆！
我的原則：
只要不是布局錯位等問題，我是不會做兼容性修改的。
為了少部分不升級瀏覽器的頑固派，沒有必要增加一行冗余代碼，既然用的舊版本瀏覽器，那看到的效果不夠漂亮是肯定的。
之所以好多舊版本ie瀏覽器到現在還存在，都是前端慣的！
如果不是嫌麻煩的話，就應該給ie6或者ie7的用戶專門編寫一套網頁布局。ie6的瀏覽器一打開就是那種2000年網站的風格。不是喜歡懷舊嗎？懷舊去吧！