2014-02-27 58 views
-2

我想讓我的圖像鏈接,但它不工作,因爲#flare div與其他佈局相沖突任何人都可以告訴我如何解決這個問題?使圖像鏈接不工作

我想要的「喇叭形集它是如何在www.industrygaming.co.uk/newindex.php

請幫助。:)

HTML

<div id="content"> 
<br /><br /> 
<div id="flare"></div> 
<table class="default" style="width: 1000px" align="center"> 
    <tr> 
    <td class="content" width="33%"><a href="joingosts.php"><img src="NewImages/Home/Ghosts.png" height="190px" height="190px" border="0"></a></td> 
    <td class="content" width="33%"><img src="NewImages/Home/Clan.png" width="200px" height="80px"></td> 
    <td class="content" width="33%"><img src="NewImages/Home/Fifa.png" width="200px" height="200px"></td> 
    </tr> 
</table> 
</div> 

CSS

#content 
{ 
float: left; 
width: 998px; 
margin: 0; 
color: #fff; 
font-size: 17px; 
font-family: Times, serif; 
min-height: 150px; 
} 

#flare 
{ 
position: absolute; 
display: block; 
background-image: url("NewImages/Home/Optical-Flare.png"); 
background-repeat: no-repeat; 
background-size:990px 700px; 
min-width: 998px; 
margin-left: 0px; 
margin-top: -155px; 
min-height: 700px; 
} 
+0

是否需要關閉img標籤? –

+0

@vaibhavshah不,這是沒有必要的。 ''是合適的語法。 – TylerH

+0

嗨,讓耀斑div相對,以便它可以過來的圖像,看起來像你指出的網站,圖像可點擊使指針事件:無;爲flare div。請創建一個小提琴,如果你想看到它的行動。 –

回答

0

我不知道你的設計,但它是由於「position:absolute」到「div#flare.「 所以,只需將下面的代碼放入你的css中,它就可以工作。然後按照您的要求修改它。

table.default{position: absolute; top: 550px}