有沒有辦法做到這一點，與CSS 3？

那麼我該怎麼做，使用css3，瑪貝box-shadow？ http://screencast.com/t/48LooBwz 有沒有辦法做到這一點，與CSS 3？

有人能幫助我嗎？

我需要將該樣式應用於元素？

最好的問候，

來源

2010-10-15 Uffo

你是什麼意思，怎麼辦？ – Trufa 2010-10-15 14:10:43

我需要將這個樣式應用到元素 – Uffo 2010-10-15 14:12:42

你可以使用箱陰影，並攻擊它的IE瀏覽器：

.shadow { 
     zoom:1; /* This enables hasLayout, which is required for older IE browsers */ 
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3); 
     -moz-box-shadow:2px 2px 2px #b0b0b0; 
     -webkit-box-shadow:2px 2px 2px #b0b0b0; 
     box-shadow:2px 2px 2px #b0b0b0; 
}

下面是一個例子：http://www.splashdust.net/2010/05/ie-hack-css-dropshadow/

來源

2010-10-15 14:16:48 Splashdust

很多，你是最好的傢伙！我會盡快接受。 – Uffo 2010-10-15 14:23:07

儘可能使用'rgba' - 這對於OP的需求會更好地匹配 – 2010-10-15 14:26:14

你是什麼意思，1px的陰影？是的，'盒陰影'會做（當然除了IE）。

/* horizontal offset, vertical offset, blur radius, color */ 
box-shadow: 0 1px 1px rgba(0,0,0,.1); 
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); 
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);

來源

2010-10-15 14:12:39 Paul

您的意思是：box-shadow: 0px 10px 5px #888;？

信息：http://www.css3.info/preview/box-shadow/

並不適用於所有瀏覽器。

來源

2010-10-15 14:13:07 Shikiryu

有沒有辦法做到這一點，與CSS 3？

回答

相關問題