0

上部のボックス シャドウを削除するにはどうすればよいでしょうか。CSS に何かが既に組み込まれていれば完璧ですが、そうでないものはめったにありません。

これが実際の例です。

ページの一番下までスクロールして、フッターを表示します。疑似ボトムの上部のボックス シャドウを削除したい。

ありがとう

4

3 に答える 3

1

この CSS を #wrapper2 に適用します

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

}

これにより、設計が解決され、pseudobottom クラスの div を含めることで、希望したものと同じ出力が得られます。

さらに、pseudobottom クラスの div を含める目的も知りたいです。デザインを解決するだけですか、それともコンテンツもありますか?

于 2013-05-02T05:02:42.263 に答える
1

これを使って：

#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-02T04:55:37.290 に答える
0

これを使用して、上部と下部のシャドウにもう 1 つのボックス シャドウを追加します

*このように* 

    .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;
    }

この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-02T04:55:01.180 に答える