事業部定位在另一個DIV

我試圖把它包含在其中包含背景的DIV可點擊圖片股利。然而，這種情況持續發生：事業部定位在另一個DIV

http://gyazo.com/2144dfe91b46898e125787b2f5249542

是不言而喻的圖像下面，我不明白爲什麼。

這裏是我的代碼：

!DOCTYPE html> 
<html> 
<head> 
<title>SlammedPK</title> 
<link rel="shortcut icon" href="dragonclaws.png" type="image/x-icon"> 
<link rel="stylesheet" type="text/css" href="style.css"> 
    <style type"text/css"> 
    #title{ 
     height:100%; 
     width:100%; 
     display:inline-block; 
    } 
    #forum{ 
     height:10%; 
     width:10%; 
     background-image:forum.png; 
     display:block; 
    } 
    </style> 
</head> 
</body> 
<div id="container"> 
    <div id="title" style="position:relative" alt="title"> 
    <img src='fulltitle.png' style='width:100%;height:100%' alt='[]' /> 
    </div> 
    <div id="forum" style="position:absolute" alt="forum"> 
    <A HREF="http://google.com"><IMG SRC="forum.png" ALT="forum"></A> 
    </div> 
</div> 
</body> 
</html>

如果你能幫助那將是美好的。

來源

2013-11-02 Finn Beckett-hester

首先，你的背景圖像格式不正確，你需要background-image: url(forum.png);和#title同樣的事情。我不知道爲什麼你給它一個背景圖像時，你也有一個img內它雖然

至於你的問題，你需要給#containerposition:relative;或position:absolute。絕對定位的元素必須是一個孩子或一個相對定位父

來源

2013-11-02 19:41:12

我加入論壇的CSS，我添加了'background-image：fulltile.png;'到#title。但沒有改變？ –

@ FinnBeckett-hester我很笨，我更新了我的解決方案。它應該現在解決你的問題 –

謝謝你的幫助，我非常感謝它！祝你有美好的一天！ –

我做這個的jsfiddle：http://jsfiddle.net/2c7eQ/

使雙方#forum和#title是position: absolute

HTML：

<div id="container"> 
    <div id="title"> 
    div1 
    </div> 
    <div id="forum"> 
    div2 
    </div> 
</div>

CSS：

#title{ 
     position: absolute; 
     border: 1px solid; 
     background-color: blue; 
     height:100%; 
     width:100%; 
} 
#forum{ 
     position: absolute; 
     left: 100px; 
     top: 100px; 
     border: 1px solid; 
     background-color: green; 
     height:10%; 
     width:10%; 
}

來源

2013-11-02 20:14:32 Laurent

事業部定位在另一個DIV

回答

相關問題