填充DIV与参考图像

所以我试图重新创建这个网页，我正在工作的div的风格，我将使用7次跨越导航栏，并无法获取参考图像加载。填充DIV与参考图像

我现在将发布我的代码。我在页面中使用样式以便快速访问，但是当我完成时将使用外部样式表。

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

来源

2016-10-03 Phlash6

首先，您使用的是背景图像风格的网站地址，而不是实际的图像。

，你可能是指该图像实际上是链接：

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

编辑：如果你的目标是要表明你的网站里面一个网站，你应该使用iframe。

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

来源

2016-10-03 03:31:44

有几件事情你的代码错误：

没有在文件中没有头标记。
您不能简单地将<header>标签放在<body>元素之外。（http://www.w3schools.com/tags/tag_header.asp）
样式标签应放置在<head>或<body>标签内。
这是不是一个图像URL >>https://postimg.org/image/vg652px3f/

来源

2016-10-03 03:33:29

虽然曾经有一个命题，使体内

填充DIV与参考图像

回答