兼容性及相关问题总结

以下是在前端开发过程中遇到的一些问题：

1.a标签中加onclick事件时，ie6下链接不可用

解决方案：

在onclick的事件的方法后面加：return false;

<a href="javascript:void(0); onclick="方法(); return false;"></a>

2.ie6下下拉列表框区域增大

解决方案：在外边的div中添加：overflow-x:hiddden;

3.输入框input在div中无法居中

解决方案：加左浮动，然后用margin-top向下压下来

4.ul一行中有小图标，且在ie6中数据高度超过原有的行高

解决方案：加margin-top使图标居中，加line-height（行高-居上的高度）

5.页面嵌入iframe，iframe自适应高度导致页面显示不全

解决方案：设置嵌入iframe高度，如果在该页面有弹出的遮罩层，可以设置遮罩层绝对定位。

6.在数据列表中针对某一列进行操作，弹出相关的操作项被下面的数据遮挡

解决方案：列表默认是第一层，鼠标点击时层数加1
var zIdx=1;
function watchmoneyover(id){
zIdx++;
$('#'+id).css('z-index',zIdx).find('.watch_money').show();
};

如果非列表中的数据被列表数据遮挡，可以设置非列表中的弹出div的样式的z-index：9999；

7.ul去除前面的小点

给ul加属性：list-style-type:none;

8.浏览器针对margin的重叠，在水平方向上没有重叠，在垂直方向是哪个存在重叠，取最大的一个，
解决方案，上面的一个div加overflow：hidden；
下面的div：float：left； display：inline；

9.clear:none——允许两边都可以有浮动对象
clear:both——不允许有浮动对象
clear:left——不允许左边有浮动对象
clear:right——不允许右边有浮动对象

10.div模块要放到object上面时，在div下面加一个与该div等大的iframe，

$('#bank_td').append('<iframe frameborder="0" id="overlay" style="position:absolute; '+ $('.bank_list').outerWidth() +'px; height:'+ $('.bank_list').outerHeight() +'px; left:0; top:42px; ">');

同时在点击完成后移除iframe，$('#overlay').remove('');

同时object需要加入：
<param name='wmode' value='Opaque'/>

或者

在点击弹出一个弹出框，但是该弹出框下面有一个object时，可以在弹出时隐藏object，关闭弹出时，显示object