2

私の背景は、私が望んでいない方法で塗りつぶされません: div の高さ全体ではなく、txt の後ろにのみ塗りつぶされます。右側の div には、CSS による背景があります。でも埋まらない..

その単純な単純ですが、私は行き詰まって恥ずかしいです（または疲れて急いでいます）-grrr- css3で動作するようになりましたが、一部の「訪問者/クライアント」などにとっては新しいものです.

ここにあります：

    <style type="text/css">
    <!--
    body {
        font: 100%/1.4  Helvetica, Verdana, Arial, sans-serif;
        background: #FFF;
        margin: 0;
        padding: 0;
        color: #000;
    }
    .container {
        width: 100%;
        background: #FFF;
        margin: 0;
        padding:0; 
    }
    .wrapper {
            display: inline-block;
        width:75%;
        float:right;
        text-align:right;
        margin:0;
        padding:0;
    }        
    .wrapper-img {
        display:inline;
        margin:0;
        padding:0;
        width:7px;
        height:45px;
    }
    .wrapper-content-img {
        display:inline;
        margin:0;
        padding:0;
        width: 100%; 
            height: 45px; 
        background-image:url(images/paper-for-info-menu-right.gif);
        /*background-size:100%;*/
    }
    .stretch {
        width:100%;
        height:100%;
    }
    -->
    </style>
    </head>

    <body>

    <div class="container">

    <p>&nbsp;&nbsp;TEST TEST</p>

        <div class="wrapper">

       <div class="wrapper-img"> 
        <img src="images/paper-for-info-menu-left.gif" width="7" height="45"  alt="" />
            <!-- End wrapper img--></div>

    <div class="wrapper-content-img">
        Lorem Ipsum Test Txt - Where is my background?
        <img src="images/paper-for-info-menu-right.gif" width="" height="45px" alt="" />

    <!-- End wrapper content img--></div>

      <!-- End container --></div>
    </body>
    </html>
4

2 に答える 2

0

min-height要素の高さは常にその親によって制限されるためhtml、 、bodyおよびその他の親要素に必ず設定してください。フルサイズの背景が必要な場合は、設定background-imageを検討してくださいbody

于 2013-10-23T23:04:12.030 に答える