Question

Firefox中两个链接只显示后面一个,如何解决

大致代码如下：
<div>
<ul class="roundabout" id="cont_02">
<li>
<table style="position:absolute;bottom:40px;left:21%;">
<tr>
<td style="padding-left:10px;padding-right:10px;">
<a href="#" style="display:block;">
<img src="1.png" />
</a>
</td>
<td style="padding-right:10px;">
<a href="#">
<img src="2.png" />
</a>
</td>
</tr>
</table>
</li> </ul>
</div>
<div>
<ul class="roundabout" id="cont_03">
<li>
<table style="position:absolute;bottom:40px;left:21%;">
<tr>
<td style="padding-left:10px;padding-right:10px;">
<a href="#" style="display:block;">
<img src="1.png" />
</a>
</td>
<td style="padding-right:10px;">
<a href="#">
<img src="2.png" />
</a>
</td>
</tr>
</table>
</li>
</ul>
</div>
只有第二个div中的两个<a>中的链接有效，第一个div中的<a>链接无法点击

Answer 1

因为你两个div里都写了position:absolute;bottom:40px;left:21%;，这句代码的意思是绝对定位，让两个都定位到距离底部40px、距离左侧21%的位置。
这样这两个div里的链接重合了，在同一个位置，下面的链接覆盖在上面的链接，所以上面的点击不了。
你可以修改buttom和left的值，让其不重合，就可以了。

追问

不好意思，这个我直接复制成一样的了，实际上的两个div的位置是不重合的，我设置的是不同的值，所以并不是这个原因

追答

那把实际的代码发出来看看，包括CSS的，我帮你看看

追问

代码太多了，只能这样说一下，里面还有几个js，roundabout的那个css是一个360度切换的，cont_02是同页面切换内容的js的id，两个div的内容并不是同时出现，是分别有按钮点击之后才出现第一个或者第二个div的内容。不论后面还有几个div，在firefox里都总是最后一个div里的链接才有效，前面的div里的链接都无法点击

追答

从提供的代码上看，如果不是那个重叠的原因，就看不出什么问题了，而且是在FileFox里才会出现，应该是哪里的代码有兼容性问题。
你看能不能把代码放到共享里，或是通过什么发过来，或是能架设到服务器网站上也行。
仅是这段代码，确实看不出什么了 - -

追问

代码不太好贴上来，加Q吧，我私信你

追答

Q 3.7.9.9.6.0.4.0.0

Answer 2

　　您好！很高兴为您答疑！

　　运行测试了下，应该是位置重叠造成的，第二个在上面覆盖了第一链接，所以无法点击，修改下位置。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。