2011-04-06 33 views
0

我需要我的內容div的陰影框邊框。目前我在css中使用以下代碼來實現此目的。HTML:如何將邊框圖像附加到div

border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
-webkit-box-shadow: rgba(0, 0, 0, .496094) 0px 1px 10px; 
-moz-box-shadow: rgba(0, 0, 0, .496094) 

但這隻適用於谷歌瀏覽器。該陰影框不適用於其他瀏覽器。所以我需要知道如何使用邊框圖像來重複使用div。也請告訴我適當的圖像大小使用...謝謝...

+1

'.496094'爲不透明?真的嗎? :) – 2011-04-06 16:36:29

回答

1

它只在Chrome中工作的原因是因爲這是你給任何值的唯一瀏覽器。對於Firefox規則,您排除了0px 1px 10px
另外,您應該正確地訂購它們,幷包含非供應商特定的屬性,以使其具有未來的可行性。看到這裏 - http://css-tricks.com/ordering-css3-properties/
要在沒有任何圖像的IE中獲得陰影,請查看http://css3pie.com

+0

謝謝很多人... – Vivek 2011-04-06 16:49:01