2011-11-15 166 views
1

我希望對給定的div有影響底部右側雙方。box-shadow - 只得到邊框底部而不是右邊和底部 - 爲什麼?

#navigation-and-slideshow { 
    overflow: hidden; 
    background-color: #fff; 
    padding: 10px 1%; 
    box-shadow: 2px 2px 5px #222; 
} 

我只是在所有測試過的瀏覽器上看到底部。 任何人都可以幫我解決這個問題嗎?

謝謝

+0

小提琴可能會有幫助。像這樣:http://jsfiddle.net/Vfgsz/。你的代碼在那裏工作。但我必須指定高度和寬度。這可能是你的問題 – Jay

+0

它的工作原理,如果我只把寬度在97%或更少。我不明白爲什麼,所以問題依然存在。 :( – MEM

+2

可能是因爲如果你的寬度超過97%,右側沒有剩餘空間 – Jay

回答

0

您div的寬度遍佈整個瀏覽器窗口的寬度。在Firefox和Chrome中,影子被視爲在整個窗口區域之外,因此無法看到。在Opera中,窗口區域增加以適應陰影。瀏覽器窗口中將出現一個滾動條。如果您向右滾動,您將看到正確的邊框陰影。