0

私はすでに同様の質問を見つけましたが、クリックしませんでした。

これが私のコードです。2つの背景が必要です。2 つの背景を追加する方法は知っていますが、div を使用して特定の場所に 1 つの背景画像を配置する必要があります。私のコードには、最も単純な欠陥があるかもしれません。私は初心者であり、すでに知っていたわずかな知識から再び Web 開発に取り掛かろうとしていることを認識してください。

<head>
<style type="text/css">
        body {
            <div id="currentpage">
                background-image: url(bgsource/contactpage.png);
                background-repeat: no-repeat;
            </div>
        }
        #currentpage{
            position: absolute;
            width:auto;
            height:auto;
            left:424px;
            top:134px;
            margin-left:0px;
            margin-top:0px; 
        }
</style>
<?php include_once("general.php"); ?>
</head>

すべてのページに読み込まれる general.php テンプレートがあることを含めたいと思うかもしれませんが、それはバックグラウンドの動作にも影響しますか?

4

4 に答える 4

1

HTMLとCSSが正しくありません。以下の訂正を参照してください

<style type="text/css">

        #currentpage{
            position: absolute;
            width:auto;
            height:auto;
            left:424px;
            top:134px;
            margin-left:0px;
            margin-top:0px;
    background-image: url(bgsource/contactpage.png);
    background-repeat: no-repeat;
                    }
</style>

とhtmlはこれを行います

<div id="currentpage"></div>
于 2012-07-19T04:14:59.040 に答える
1

このようにコードを変更します。あなたの質問で言及されているように、css内にhtmlタグを適用できないためです。

 <head>
    <style type="text/css">
    #currentpage{
          position: absolute;
          width:auto; /* specify width */
          height:auto; /* specify height */
          left:424px;
          top:134px;
          margin-left:0px;
          margin-top:0px;
          background-image: url(bgsource/contactpage.png);
          background-repeat: no-repeat;
    }
    </style>
    </head>
    <body>
       <div id="currentpage"></div>
    </body>

そして、画像を表示するwidthとを指定します。そうしないと、背景が白くなります。heightdiv

于 2012-07-19T04:19:19.023 に答える
1 
       **change your css and html**

         <head>

           <style type="text/css">
        #currentpage{
            position: absolute;
            width:xx;
            height:xx;
            left:424px;
            top:134px;
            margin-left:0px;
            margin-top:0px; 
            background-image: url(bgsource/contactpage.png);
            background-repeat: no-repeat;
                    }
</style>


</head>
    <body>
   <div id="currentpage"></div>
    </body>
于 2012-07-19T04:20:13.860 に答える
0

はい。css ページ内または css スクリプト内で div タグを使用することはできません。

        background-image: url(bgsource/contactpage.png);
        background-repeat: no-repeat;
        position: absolute;
        width:auto;
        height:auto;
        left:424px;
        top:134px;
        margin-left:0px;
        margin-top:0px;

上記のコードは、css ページのみ、またはスクリプト タグ内で使用しますが、div タグは css では許可されません

于 2012-07-19T04:25:54.960 に答える