Question

我已经发现了类似的问题，但没有点击。

这是我的代码，我想有两个背景。我知道如何添加两个背景，但一个背景图像需要在使用div完成的特定位置。我的代码可能有最简单的缺陷。请注意我是一个新手，并尝试从我已经知道的一点点知识再次进入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模板，这是否也会影响后台工作？

Answer 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>

Answer 2

像这样更改您的代码。因为你不能在你的问题中提到的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指定height和div。否则你会有一个白色的背景。

Answer 3

       **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>

Answer 4

是的。您不能在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页面或脚本标签内使用上述代码，但在css中不允许使用div标签

Div具有html / css的背景

4 个答案: