我在格式化我的頁腳時遇到了問題,因爲來自主內容div的框陰影正在超過它並使其看起來很糟糕。刪除div底部的方塊陰影?
我已經通過一些其他來源瞭解與我有類似問題的人,並嘗試了一些「解決方案」,但似乎沒有人能解決我的問題。
我想找出是有沒有辦法使用CSS或者是有辦法把我的頁腳DIV向前所以它隱藏底部陰影只從底部移除陰影。
下面是箱子陰影的代碼。
box-shadow: 10px 10px 5px #888888;
在此先感謝。
我在格式化我的頁腳時遇到了問題,因爲來自主內容div的框陰影正在超過它並使其看起來很糟糕。刪除div底部的方塊陰影?
我已經通過一些其他來源瞭解與我有類似問題的人,並嘗試了一些「解決方案」,但似乎沒有人能解決我的問題。
我想找出是有沒有辦法使用CSS或者是有辦法把我的頁腳DIV向前所以它隱藏底部陰影只從底部移除陰影。
下面是箱子陰影的代碼。
box-shadow: 10px 10px 5px #888888;
在此先感謝。
只是機頂盒陰影像
box-shadow: 10px 0px 0px 0px #888888;
一種可能性將是減小框陰影的傳播半徑取決於模糊(模糊被添加到總大小),例如:
-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
謝謝快速回復就像一個魅力 – Aaron