Question

关于 position:relative 火狐 兼容性 的问题

<table width="190px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" style="position:relative;top:0;left:0;z-index:5;filter:Alpha(opacity=70);-moz-opacity:.1;opacity:0.1"><input id="idPre" type="image" src="images/bank_btn_left.gif" onFocus="this.blur()" /></td>
<td style="position:relative;top:0;left:-20px">
<div class="container" id="idContainer2">
<table id="idSlider2" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="temp/1.jpg" width="190" height="190" border="0"/></td>
</tr>
</table>
</div>
</td>
<td width="50" style="position:relative;top:0;left:-40px;filter:Alpha(opacity=70);-moz-opacity:.1;opacity:0.1"><input id="idNext" type="image" src="images/bank_btn_right.gif" onFocus="this.blur()" /></td>
</tr>
</table>

这是我的代码，可是在IE和火狐下显示有区别，请问这是为什么？

Answer 1

　　您好，感谢您对火狐的支持

　　positon:relative;
　　top:50%;
　　50%相对父元素的高；但是body没有指定高;(IE下应该是默认body{100%;})，所以需要用到百分比时，一定指定其所在容器的大小！
　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。