Boxshadow插入不起作用

我在圖庫中的圖像上使用了箱子陰影CSS功能，但是某種程度上inset參數不起作用。我嘗試了z-index，並試圖將代碼放在不同的地方，但它仍然無法正常工作。Boxshadow插入不起作用

訪問網站here。

代碼

box-shadow:#000000 0 1px 3px, rgba(255, 255, 255, 0.3) 0 0 0 1px inset, rgba(255, 255, 255, 0.5) 0 1px 0 0 inset;

來源

2012-07-20 Is3

它與你的語法沒有任何關係。這只是img元素的一個特性，而不是box-shadow屬性。

想想看這個例子：http://jsfiddle.net/YhePf/ - 如果你禁用在瀏覽器中顯示圖像 - 你會看到，而不是一個圖像會有一個綠色塊，應用box-shadow。

編輯：換句話說，插圖box-shadow財產是應用，但它不能被看到，因爲它是圖像本身（就像background-color屬性）下。我可以用另一個小提琴來證明。這與padding屬性中的前一個不同。看到這裏：http://jsfiddle.net/YhePf/6/ - 看到紅色的2px陰影和綠色背景

來源

2012-07-20 17:41:16 skip405

我想你可能只是缺少從第一陰影擴散半徑值。 :)

來源

2012-07-20 17:36:18 Blieque

我相信代碼是正確的。來自發電機的代碼： box-shadow：inset 5px 3px 3px 5px＃4444; 不工作。 – Is3 2012-07-20 17:44:46

是的，你說得對。抱歉。內部陰影可以應用於'img's。看看這個：'http：// jsfiddle.net/Mfkj4 /'。這可能與沒有「display：block」屬性有關，但我不確定是否需要。 – Blieque 2012-07-20 17:52:53

顯示：block no go :( – Is3 2012-07-20 18:01:08

我認爲有一個問題，因爲插入框陰影不能應用於圖像。您需要的效果可以很容易地實現邊界屬性的幫助。如果你想使用嵌入框陰影應用於div。更多詳細信息chk it out http://jordandobson.com/_expirements/css/vignette/

來源

2012-07-20 17:42:05

我相信我的代碼現在直接應用於div類，名爲：「jg_photo」。看看螢火蟲等。 – Is3 2012-07-20 17:48:09

我已經檢查過，這就是爲什麼我說「img.jg_photo」它的你的類名和它在img標籤上的應用。因爲類自己定義它可以只與img標籤一起工作，所以試着將所有樣式應用於div而不是img標籤。希望你明白我的觀點 – 2012-07-20 19:59:53

Boxshadow插入不起作用

回答

相關問題