填充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與參考圖像

回答