新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
position:fixed,用这个样式来给对话框定位,应该不会抖动,如要兼容ie6,网上大把兼容方法
创新互联公司是一家集网站建设,北塔企业网站建设,北塔品牌网站建设,网站定制,北塔网站建设报价,网络营销,网络优化,北塔网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
1 背景半透明遮罩层样式
需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式:
2 jQuery实现遮罩
3 提示框
遮罩的目的无非让人无法操作内容,突出提示框,而提示框可参考上面的制作,z-index比遮罩层更高便可。主要问题是,如何控制提示框在浏览器居中。
说明你的遮罩层的z-index的数值比弹出层的小了~所以造成了弹出层在上面遮罩层在下面遮不住了呗~
动态加载的按钮你不能直接.click的,需要给动态加载的绑定这个事件 $(document).on("click","obj",function(){
//code
}); 其实以前有一个live函数可以解决 但是高版本的jquery去掉了这个!
遮罩层其实很简单,你完全可以自己写个。
div有个属性index
当你不用时你可以让index=-1 或者
将div的width和height调到0
当你需要遮罩时,通过脚本或者css将width和height调到你需要的值或者地方。
function send(){
$('body').append('div id="layer"/div');
$.ajax({
url:'#',
data:{},
type:'post',
dataType:'json',
success:function(data){
hideLayer()
},
error : function(){
hideLayer()
}
});
}
function hideLayer(){
$('#layer').remove()
}