Question

<style>  
background-image: url(".....");  
</style>

当我使用此代码段时，背景往往是空白。是否有其他方法可以为我的页面获取背景图像？。

Answer 1

使用此代码段时，背景往往是空白

那是因为你没有指定你想要的标签将背景图像应用于。
您尚未指定图片的有效路径。

只需执行以下操作，但当然可以使用您自己的网址替换该网址：

body {
    background-image: url("paper.gif");
}

Answer 2

您需要指定要为背景提供的元素。

您可以为元素提供class或id或类似body的内容。

＆＃13;

.class {
    background-image: url("http://icons.veryicon.com/ico/System/Icons8%20Metro%20Style/Logos%20Wikipedia.ico");
}

#id {
    background-image: url("http://icons.veryicon.com/ico/System/Icons8%20Metro%20Style/Logos%20Wikipedia.ico");
}

body {
    background-image: url("https://www.wikipedia.org/portal/wikipedia.org/assets/img/Wikipedia-logo-v2.png");
}

＆＃13;

<div id="id">Test1</div>
<div class="class">Test2</div>

＆＃13;

Answer 3

你也可以把它写成内联

<body style="background-image: url('img/bg.jpg')">

Answer 4

您需要指定tag, class, or id所需的background-image。示例

body, .class, #id { background-image: url("img.png"); }

或内联式

<div style="background-image: url('something.gif')"></div>

您还需要确定要放置的图像的图像路径

例如，如果图片与css或html说

body {
    background-image: url("image.png");
}

如果在css文件夹之外的文件夹中

body {
    background-image: url("../foldername/image.png");
}

等等

为什么我的背景图片无法在html5中运行？

4 个答案: