1

背景画像がマージン領域で繰り返されないのはなぜですか?
マージンの背景を透明にする方法などはありますか?
そのため、背景ページが表示されなくなります。

問題の画像は次のとおりです (赤い線は、デバッグのために追加した div 境界線です)。
ここに画像の説明を入力

これが私のCSSコードです：

html { 
  background: url(/img/bg.png); 
  background-repeat:repeat;
}

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
    table-layout:fixed;
}

#dt_div  {
    border: red 4px dashed;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}


そしてHTML：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" />

        <title>DataTables Editor example</title>
        <style class="include" type="text/css">
            @import "support/bootstrap/css/bootstrap.css";
            @import "support/bootstrap/dataTables/dataTables.bootstrap.css";
            @import "css/customTable.css";
        </style>

        <script class="include" type="text/javascript" charset="utf-8" src="../../../media/js/jquery.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="../../../media/js/jquery.dataTables.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="../../TableTools/media/js/TableTools.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="../../TableTools/media/js/ZeroClipboard.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="../media/js/dataTables.editor.js"></script>

        <script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/js/bootstrap.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/dataTables/dataTables.bootstrap.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/dataTables/dataTables.editor.bootstrap.js"></script>

        <script class="include" type="text/javascript" charset="utf-8" src="./js/custom.js"></script>
        <script type="text/javascript">
            aDataInitial = '<?php  echo json_encode($stack);?>';
        </script>
    </head>
    <body id="c_body" style="border: red 4px dashed;">
        <div id="mContainer" style="border: red 4px dashed;">
            <div id="dt_div">
                <table class="table table-striped table-bordered display" id="example">
                    <thead>
                        <tr>
                            <th style="text-align: center;">Data</th>
                            <th style="text-align: center;">Tema</th>
                            <th style="text-align: center;">V&iacute;nculo</th>
                            <th style="text-align: center;">Empresa</th>
                            <th style="text-align: center;">Sub contratada</th>
                            <th style="text-align: center;">NDP</th>
                            <th style="text-align: center;">CH</th>
                            <th style="text-align: center;">HHT</th>
                            <th style="text-align: center;">Ger&ecirc;ncia</th>
                            <th style="text-align: center;">&Aacute;rea Solicitante</th>
                            <th style="text-align: center;">CC</th>
                            <th style="text-align: center;">Rateio</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="spacer"></div>

        </body>
    </html>
4

1 に答える 1

2

を探していると思いますbackground-image。

html { 
  background: url(/img/bg.png); 
  background-repeat:repeat;
}

する必要があります

body { 
  background-image: url('/img/bg.png'); 
  background-repeat: repeat;
}

backgroundMDN ドキュメントに示されているように、すべてのオプションをまとめることもできbackgroundます。 )background-imagebackground-repeat

于 2013-04-13T21:18:09.990 に答える