Question

我知道这个问题在这里被提了很多，但我读过的内容并没有奏效。

我在CSS中使用它：

div.main {
    background-image: url("[DIRECTORY HERE]");
    position: absolute;
    text-align: center;
    top: 150px;
    left: 485px;
    height: 530px;
    width: 775px;
    z-index: -1;
}

然后我用这样的HTML来调用它：

<div class = 'main'>
        <!-- <img src = '[DIRECTORY HERE]'> -->
            <p id = 'content'></p>
        </div>

我正在使用img标签，但我发现这是一种低效/无效的处理方式。

我不知道我做错了什么。我已经尝试了我在这里读到的每一个答案，但没有任何效果。

Answer 1

您可以使用：选项1
的 CSS：

.main { background-image: url("[DIRECTORY HERE]"); position: absolute; text-align: center; top: 150px; left: 485px; height: 530px; width: 775px; z-index: -1; }

<强> HTML：

<div class = 'main'>  <p id = 'content'></p> </div>

或选项2：

<强> CSS：

div { background-image: url("[DIRECTORY HERE]"); position: absolute; text-align: center; top: 150px; left: 485px; height: 530px; width: 775px; z-index: -1; }

<强> HTML：

<div>  <p id = 'content'></p> </div>

Answer 2

图像是问题所在。该链接无法正常工作，因为它指向计算机上的图像。您需要在线上传图像并使用http：//或通过删除http：//指向该文件夹。如果您在线编辑css（而不仅仅是在计算机上），则需要确保图像可以访问。

所以基本上选择以下任何一个：在线上传到自己的网址：
background-image：url（＆＃34; [DIRECTORY HERE]＆＃34;）;

使用文件夹：
background-image：url（＆＃34; [DIRECTORY HERE]＆＃34;）;

否则一切都很好。祝好运。

Answer 3

我认为这应该有用。

CSS：

.main { background-image: url("insert image url");
position: absolute;
text-align: center;
top: 150px;
left: 485px;
height: 530px;
width: 775px;
z-index: -1;
}

我刚从“div.main”中删除了“div”

div background-image not not

3 个答案: