标签:
以下是在前端开发过程中遇到的一些问题:
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; width:‘+ $(‘.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
标签:
原文地址:http://www.cnblogs.com/mumianhua1003/p/4623624.html