2015-11-04 164 views
1

我在格式化我的頁腳時遇到了問題,因爲來自主內容div的框陰影正在超過它並使其看起來很糟糕。刪除div底部的方塊陰影?

我已經通過一些其他來源瞭解與我有類似問題的人,並嘗試了一些「解決方案」,但似乎沒有人能解決我的問題。

enter image description here

我想找出是有沒有辦法使用CSS或者是有辦法把我的頁腳DIV向前所以它隱藏底部陰影只從底部移除陰影。

下面是箱子陰影的代碼。

box-shadow: 10px 10px 5px #888888; 

在此先感謝。

回答

1

只是機頂盒陰影像

box-shadow: 10px 0px 0px 0px #888888; 
+0

謝謝快速回復就像一個魅力 – Aaron

0

一種可能性將是減小框陰影的傳播半徑取決於模糊(模糊被添加到總大小),例如:

-webkit-box-shadow: 10px 0px 6px -3px #888; 
-moz-box-shadow: 10px 0px 6px -3px #888; 
box-shadow: 10px 0px 6px -3px #888; 

剩下的問題是你不能爲每一邊設置不同的模糊或偏移值。 可以使用工具這樣有一個預覽:http://www.cssmatic.com/box-shadow

否則,你可能會增加其用作覆蓋的底部另一個盒子,或者你去看看的Z-index屬性:http://www.w3schools.com/cssref/pr_pos_z-index.asp