沒有頂盒陰影？

你怎麼能消除頂盒陰影。如果CSS已經內置了一些東西，那將是完美的，但很少有。沒有頂盒陰影？

這裏有一個生活example。

向下滾動至頁面底部至頁腳。我想消除僞臺上的頂盒陰影。

感謝

2013-05-02 user2275855

用於此增加一個箱陰影爲頂部和底部陰影

* 像這樣 *

.container-wide{ 
    -webkit-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    -moz-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    }

如果u顯示只有頂部陰影比將此CSS

.container-wide{ 
-moz-box-shadow: -1px -1px 1px 1px #ccc; 
-webkit-box-shadow: -1px -1px 1px 1px #ccc; 
box-shadow: -1px -1px 1px 1px #ccc; 
}

來源

2013-05-02 04:55:01

使用此：

#Background 
{ 
-webkit-box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
-moz-box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
}

來源

2013-05-02 04:55:37 7alhashmi

應用此CSS的＃wrapper2

#wrapper2{border-radius: 0 0 12px 12px; 
      -webkit-border-radius: 0 0 12px 12px; 
      -moz-border-radius: 0 0 12px 12px; 

}

這將解決您的設計和提供相同通過包含一個帶有僞貝殼類的div來輸出您所需的數據。

此外，我也很好奇知道包括一個div與pseudobottom類的目的。這只是爲了解決設計問題，還是要包含內容？

來源

2013-05-02 05:02:42 Nitesh

我希望它那麼簡單。該網站的設置方式是所有頁面都會繼承頁眉和頁腳。因此，爲了在整個網站上工作，我必須避免這種小小的頭痛;以避免將來出現幾個令人頭痛的問題。 – user2275855 2013-05-02 05:41:55

我去了你的網站，看到你的HTML結構。我建議添加一個帶有僞貝類的div作爲補丁來解決結構只會使事情變得不穩定和複雜。正如你可以檢查你的login.php頁面的實例。因此，使包裝靈活適應任何類型的內容是適當的解決方案，而不是添加黑客或補丁。 – Nitesh 2013-05-02 06:08:32

這是基於PHPMotion，這是可怕的開始，所以我基本上一直黑客整個事情。我修改了代碼，它在某些頁面上使用了頁腳。咩。我基本上使用你的代碼，並與其他因素一起玩，以使其工作。不要驕傲:) – user2275855 2013-05-04 03:15:54

沒有頂盒陰影？

回答

相關問題