谷歌和火狐的兼容问题

提问 已结 4 2293
元芳
元芳 2015-7-15
悬赏:20飞吻
同样的代码,在谷歌浏览器显示正常 top为200多,但是在火狐浏览器中,弹出框的top值为-18 。
貌似是将我的top页面当作了主页面来设置了位置,然后最终显示效果变成了弹出框位置在顶部top中间,而且不能往下拖动。

在页面上查看,弹出框的层级是和top同一级别。
另:这个要怎么贴图?图片是要发布到网上?

以下是我的写法
index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<%@ include file="/WEB-INF/page/common/headRes.jsp" %>
</head>
<body>
<%@ include file="top.jsp" %>
</body>
<%@ include file="/WEB-INF/page/common/footRes.jsp" %>
</html>
footRes.jsp
<script type="text/javascript" src="${ctx }/resources/jquery-1.9.js"></script>
<script type="text/javascript" src="${ctx }/resources/layer/layer.js"></script>
top.jsp
.
.
<a href="javaScript:void(0);" class="font_color" onclick="login(this)">登录</a>
.
.
function login(obj){
$(obj).blur();
$.post("${ctx}/login.html?r="+Math.random(),function(html){
layer.open({
type: 1,
title:"登录",
content: html,
btn: ["登录","取消"],
yes: function(index, layero){.
.
.
.
},
cancel: function(index){
layer.close(index);
layer.closeAll('tips');
},
success: function(layero, index){
$("#loginSpan").html("");
}
});
});
};
回帖
本帖已设置禁止回复