1

私はcssにかなり慣れておらず、ローカルで作業しているため、正確なアドレスを提供することはできませんが、次のとおりです。

レスポンシブ レイアウトのwpexplorer adapt テーマを使用しています。次のように、style.css でラッパーの背景を設定します。

    #wrap{
    background: url(images/scribble-top.jpg) center top no-repeat #fff;
    margin: 0 auto;
    width: 1040px;
    padding: 0 30px;
}

他の視点の設計を開始するために Respond.css に移動したとき、タブレットの縦向きビューのラップ div に新しい背景画像を使用したかったのですが、何らかの理由で新しい画像がまったく表示され (空白のまま)、 style.css の背景は、モバイル ビューポートに縮小すると再び表示されます。これが私のコーディングです:`

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

body {background: #000;}
    #wrap {background: url(images/scribble-top-680.jpg) no-repeat center top #fff; width: 680px; overflow:inherit;}
    .hp-highlight, .portfolio-item, .home-entry, #footer-one,#footer-two,#footer-three,#footer-four{ width: 155px;  }
    #home-tagline{ font-size: 21px; }
    #search { text-indent: -9999px; }
    .loop-entry-thumbnail{width: 35%;}

}

新しい画像は新しいラップ div サイズの正確な幅であり、高さはラッパーの上部にある単なるバナー タイプの画像であるため相対的ではないため、ラップ div の高さを妨げないことに注意してください。

私は何を間違っていますか？

よろしくお願いします!!! `

4

1 に答える 1

0

次のように、バックグラウンド宣言の後に !important を追加します。

#wrap {
    background: url(images/scribble-top-680.jpg) no-repeat center top #fff !important; 
    width: 680px;
    overflow:inherit; 
}
于 2012-10-14T18:03:29.073 に答える