影子沒有出現

我想把陰影放在其中一個div中，但它沒有出現。這裏是一個DIV，我想實現的影子：影子沒有出現

#intro { 
    padding: 0px; 
    margin: 0px auto; 
    width: 100%; 
    float:inherit; 
    overflow: hidden; 
    height: 800px; 
    position:inherit; 
    background-color: #00b3e1;; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8); 
}

這裏是網址：http://rachelchaikof.com/awareness/

來源

2012-12-07 user1869585

鏈接已損壞。你應該添加相關的html到你的問題。 –

請參見下面的克里斯·赫伯特的答案正確的解決方案

前面的回答：

for chrome，moz，safari支持：

-moz-box-shadow:0 0 8px 0 black; 
-webkit-box-shadow:0 0 8px 0 black; 
box-shadow:0 0 8px 0 black;

即支持是遠遠棘手，請參閱：

filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=10, Color='#33000000');

來源

2012-12-07 23:06:52

+10

這不是問題所在。較新的瀏覽器不需要供應商前綴，但陰影仍然不起作用。 –

你看不到的原因影子是因爲下一格（#one）是正下方，而陰影渲染在＃之下。從#one刪除背景圖像，陰影變得可見。

此加入＃介紹的CSS使陰影可見：

position: relative; 
z-index: 10;

如果你想陰影在其他文本區域可見，你需要調整自己的z-index值以及與頂部元素（#intro）具有最高值。

來源

2012-12-07 23:16:25

太棒了！謝謝你的回答！ – user1869585

您接受的答案不會解決問題。 –

職位：親戚幫我做了。 – Matt

我今天的另一種情況。儘管設置了相對於div的位置，但Box-shadow沒有顯示出來。顯然這個div裏面沒有內容，它有盒子的影子。

一旦添加內容，box-shadow顯示出來。

來源

2016-02-19 06:38:12

影子沒有出現

回答

相關問題