Question

我正在尝试将我的图片设为链接，但由于#flare div与布局的其余部分冲突，所以有人告诉我如何解决这个问题，因此无法正常工作？

我希望＆＃34; flare设置如何在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;
}

Answer 1

我不了解您的设计，但由于“position:absolute”到“div#flare.”而发生这种情况所以只需将下面的代码放在你的css中就行了。然后根据您的要求进行修改。

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

使图像链接不起作用

1 个答案: