Question

所以我试图重新创建这个网页，并且正在研究div的样式，我将使用7次跨越导航栏并且无法加载引用的图像。

我现在发布我的代码。我在页面中使用样式进行快速访问，但在完成后将使用外部样式表。

<!DOCTYPE html>
<html>
<header class="header" id="header" align="middle"> 
<img src="https://s21.postimg.org/luvg05cjb/header.jpg">
</header>

<style>



.Home {

position: absolute;
background-image: url("https://postimg.org/image/vg652px3f/");
background-size: 99px 30px;
left: 290px;
top: 234px;
text-align: center;
line-height: 30px;
width: 99px;
height: 30px;

color: black;
}
</style>

<body>


    <div class="Home">Home</div>




<h1></h1>
<p></p>

</body>
</html>

Answer 1

您的代码有几个问题：

文档中没有标题。
您不能简单地将<header>标记放在<body>元素之外。（http://www.w3schools.com/tags/tag_header.asp）
样式标记应放在<head>或<body>标记内。
这不是图片网址＆gt;＆gt; https://postimg.org/image/vg652px3f/

Answer 2

首先，您使用的是背景图片样式的网站地址，而不是实际图片。

您可能引用的图像实际上位于链接：

https://s9.postimg.org/mxwoydqkv/menubg.jpg

编辑：如果您的目标是在网站内显示网站，则应使用iframe。

<iframe src="https://postimg.org/image/vg652px3f/"></iframe>

用参考图像填充DIV

2 个答案: