码迷,mamicode.com
首页 > 其他好文 > 详细

兼容性及相关问题总结

时间:2015-07-06 11:51:57      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!