0

CSS で影が正しく表示されないという問題があります。ボックスの下部と右側にドロップするように設定されていますが、何らかの理由で切断されており、その理由がわかりません.

JS フィドル http://jsfiddle.net/jyb5V/

#content {
    padding: 0 270px 0 0;
    margin-bottom: 50px;
    height: 800px;
    background-image: url("images/mainbg.jpg");
    border:1px solid #000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    box-shadow: 4px 4px 2px #000000;
}

ウェブサイト http://www.debbie.travismoore.co.uk/

どんな助けでも大歓迎です、ありがとう

4

1 に答える 1

2

削除する overflow: hidden;

#container {
    width: 100%;
    float: left;
    overflow: hidden;  // remove this line 
}

デモ

于 2013-07-25T10:36:36.193 に答える