兼容问题

滴滴月空雨 2011-12-08 10:28:15

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层</title>
<script type="text/javascript" src="../../homepage/js/jquery-1.4.2.js"></script>
<script type="text/javascript">
//显示灰色JS遮罩层
function showBg(ct,content){
var bH=$("body").height();
var bW=$("body").width()+16;
var objWH=getObjWh(ct);
$("#fullbg").css({width:bW,height:bH,display:"block"});
var tbT=objWH.split("|")[0]+"px";
var tbL=objWH.split("|")[1]+"px";
$("#"+ct).css({top:tbT,left:tbL,display:"block"});
$(window).scroll(function(){resetBg()});
$(window).resize(function(){resetBg()});
}
function getObjWh(obj){
var st=document.documentElement.scrollTop;//滚动条距顶部的距离
var sl=document.documentElement.scrollLeft;//滚动条距左边的距离
var ch=document.documentElement.clientHeight;//屏幕的高度
var cw=document.documentElement.clientWidth;//屏幕的宽度
var objH=$("#"+obj).height();//浮动对象的高度
var objW=$("#"+obj).width();//浮动对象的宽度
var objT=Number(st)+(Number(ch)-Number(objH))/2;
var objL=Number(sl)+(Number(cw)-Number(objW))/2;
return objT+"|"+objL;
}
function resetBg(){
var fullbg=$("#fullbg").css("display");
if(fullbg=="block"){
var bH2=$("body").height();
var bW2=$("body").width()+16;
$("#fullbg").css({width:bW2,height:bH2});
var objV=getObjWh("dialog");
var tbT=objV.split("|")[0]+"px";
var tbL=objV.split("|")[1]+"px";
$("#dialog").css({top:tbT,left:tbL});
}
}

//关闭灰色JS遮罩层和操作窗口
function closeBg(){
$("#fullbg").css("display","none");
$("#dialog").css("display","none");
}

</script>
<style type="text/css">
*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#fullbg{
background-color: Gray;
display:none;
z-index:3;
position:absolute;
left:0px;
top:0px;
filter:Alpha(Opacity=30);
/* IE */
-moz-opacity:0.4;
/* Moz + FF */
opacity: 0.4;
}

#dialog {
position:absolute;
width:200px;
height:200px;
background:#F00;
display: none;
z-index: 5;
overflow:scroll;
}

#main {
height: auto;
}
</style>
</head>
<body>
<div id="main">
<a href="#rhis" onclick="showBg('dialog');">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" onclick="showBg('dialog');">点击这里看JS遮罩层效果</a>
</div>
<!-- JS遮罩层 -->
<div id="fullbg"></div>
<!-- end JS遮罩层 -->
<!-- 对话框 -->
<div id="dialog">
<div style="text-align: center;">正在加载,请稍后...<a href="#" onclick="closeBg();">关闭</a></div>
</div>
<!-- JS遮罩层上方的对话框 -->
</body>
</html>








这是一个jq遮罩层的效果,ie 火狐都支持,谷歌 safari浏览器不兼容 谁懂帮忙看看
...全文
202 18 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
滴滴月空雨 2012-07-27
  • 打赏
  • 举报
回复
好的,谢谢楼上,非常完美!
rao3324180 2012-07-26
  • 打赏
  • 举报
回复
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){

var scrollPosY ;
var h = document.documentElement.clientHeight /2;
var hh = $("#dialog").height()/2;

window.onscroll = function(){
$("#dialog").css("marginTop","0px");
scrollPosY = $(document).scrollTop();
$("#dialog").css("top",(scrollPosY +h - hh)+"px");
}

$(".pop_btn").click(function(){
$("#fullbg").show();
$("#dialog").show();
return false;
})

$("#close").click(function(){
$("#fullbg").hide();
$("#dialog").hide();
return false;
})

$("#fullbg").css("height",Math.max(document.documentElement.clientHeight,document.documentElement.scrollHeight)+"px")

})




</script>
<style type="text/css">
*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#fullbg{
background-color: Gray;
display:none;
z-index:3;
position:fixed;
_position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
filter:Alpha(Opacity=30);
/* IE */
-moz-opacity:0.4;
/* Moz + FF */
opacity: 0.4;
}

#dialog {
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
width:200px;
height:200px;
background:#F00;
display:none;
z-index: 5;
overflow:scroll;
}

#main {
height: auto;
}
</style>
</head>
<body>
<div id="main">
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a>
</div>
<!-- JS遮罩层 -->
<div id="fullbg"></div>
<!-- end JS遮罩层 -->
<!-- 对话框 -->
<div id="dialog">
<div style="text-align: center;">正在加载,请稍后...<a href="#" id="close">关闭</a></div>
</div>
<!-- JS遮罩层上方的对话框 -->
</body>
</html>
rao3324180 2012-07-26
  • 打赏
  • 举报
回复
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){

var scrollPosY ;
var h = document.documentElement.clientHeight /2;
var hh = $("#dialog").height()/2;

window.onscroll = function(){
$("#dialog").css("marginTop","0px");
scrollPosY = $(document).scrollTop();
$("#dialog").css("top",(scrollPosY +h - hh)+"px");
}

$(".pop_btn").click(function(){
$("#fullbg").show();
$("#dialog").show();
return false;
})

$("#close").click(function(){
$("#fullbg").hide();
$("#dialog").hide();
return false;
})

$("#fullbg").css("height",Math.max(document.documentElement.clientHeight,document.documentElement.scrollHeight)+"px")

})




</script>
<style type="text/css">
*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#fullbg{
background-color: Gray;
display:none;
z-index:3;
position:fixed;
_position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
filter:Alpha(Opacity=30);
/* IE */
-moz-opacity:0.4;
/* Moz + FF */
opacity: 0.4;
}

#dialog {
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
width:200px;
height:200px;
background:#F00;
display:none;
z-index: 5;
overflow:scroll;
}

#main {
height: auto;
}
</style>
</head>
<body>
<div id="main">
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a>
</div>
<!-- JS遮罩层 -->
<div id="fullbg"></div>
<!-- end JS遮罩层 -->
<!-- 对话框 -->
<div id="dialog">
<div style="text-align: center;">正在加载,请稍后...<a href="#" id="close">关闭</a></div>
</div>
<!-- JS遮罩层上方的对话框 -->
</body>
</html>
rao3324180 2012-07-24
  • 打赏
  • 举报
回复
如果不考虑ie6, 还是有position:fixed比较好些
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){

var scrollPosY ;
var h = document.documentElement.clientHeight /2;
var hh = $("#dialog").height()/2;

window.onscroll = function(){
$("#dialog").css("marginTop","0px");
scrollPosY = $(document).scrollTop();
$("#dialog").css("top",(scrollPosY +h - hh)+"px");
}

$(".pop_btn").click(function(){
$("#fullbg").show();
$("#dialog").show();
return false;
})

$("#close").click(function(){
$("#fullbg").hide();
$("#dialog").hide();
return false;
})

})




</script>
<style type="text/css">
*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#fullbg{
background-color: Gray;
display:none;
z-index:3;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
filter:Alpha(Opacity=30);
/* IE */
-moz-opacity:0.4;
/* Moz + FF */
opacity: 0.4;
}

#dialog {
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
width:200px;
height:200px;
background:#F00;
display:none;
z-index: 5;
overflow:scroll;
}

#main {
height: auto;
}
</style>
</head>
<body>
<div id="main">
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" class="pop_btn">点击这里看JS遮罩层效果</a>
</div>
<!-- JS遮罩层 -->
<div id="fullbg"></div>
<!-- end JS遮罩层 -->
<!-- 对话框 -->
<div id="dialog">
<div style="text-align: center;">正在加载,请稍后...<a href="#" id="close">关闭</a></div>
</div>
<!-- JS遮罩层上方的对话框 -->
</body>
</html>
滴滴月空雨 2012-07-24
  • 打赏
  • 举报
回复
之前大家帮我解答过这个问题,现在我又遇到了问题,12楼这个效果很好采纳了,但是不随着滚动条滚动,我希望弹出的遮罩层随着滚动条滚动而滚动,,,

大家帮忙看看……
rao3324180 2011-12-09
  • 打赏
  • 举报
回复
[Quote=引用 11 楼 liyuedan 的回复:]

最下面的那个连接(第三个)还是不行啊??? 那个红色的弹出框还是在上面啊??? 谷歌浏览器
大侠好好看看 ,怎么解决啊?? ‘
谢谢
[/Quote]
这样就OK了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层</title>
<script type="text/javascript" src="script/jQuery1.6.js"></script>
<script type="text/javascript">
var clientH = null;
var h=null;
window.onload = function(){
clientH = document.documentElement.clientHeight;
if(isSafari=navigator.userAgent.indexOf("Safari")>0){
h = document.body;
}else{
h =document.documentElement;
}
}
function showBg(elem){
var w = (document.documentElement.clientWidth/2)-($("#"+ elem).width()/2);
$("#"+ elem).css("top",(h.scrollTop+ (clientH/2)-($("#"+ elem).height()/2))+"px");
$("#"+ elem).css("left",w+"px");
$("#fullbg").css("display","block");
$("#"+ elem).css("display","block");
}

function closeBg(){
$("#fullbg").css("display","none");
$("#dialog").css("display","none");
}
</script>
<style type="text/css">
*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#fullbg{
background-color: Gray;
display:none;
z-index:3;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
filter:Alpha(Opacity=30);
/* IE */
-moz-opacity:0.4;
/* Moz + FF */
opacity: 0.4;
}

#dialog {
position:absolute;
width:200px;
height:200px;
background:#F00;
display: none;
z-index: 5;
overflow:scroll;
}

#main {
height: auto;
}
</style>
</head>
<body>
<div id="main">
<a href="#rhis" onclick="showBg('dialog');">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" onclick="showBg('dialog');">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" onclick="showBg('dialog');">点击这里看JS遮罩层效果</a>
</div>
<!-- JS遮罩层 -->
<div id="fullbg"></div>
<!-- end JS遮罩层 -->
<!-- 对话框 -->
<div id="dialog">
<div style="text-align: center;">正在加载,请稍后...<a href="#" onclick="closeBg();">关闭</a></div>
</div>
<!-- JS遮罩层上方的对话框 -->
</body>
</html>
滴滴月空雨 2011-12-09
  • 打赏
  • 举报
回复
谢谢楼上的,结贴!!
rao3324180 2011-12-08
  • 打赏
  • 举报
回复
这个楼主去参考一下吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层</title>
<script type="text/javascript" src="script/jQuery1.6.js"></script>
<script type="text/javascript">
var clientH = null;
var h=null;
window.onload = function(){
h = window.pageYoffset || document.documentElement.scrollTop ||document.body.scrollTop || 0;
clientH = document.documentElement.clientHeight;
}
function showBg(elem){
var w = (document.documentElement.clientWidth/2)-($("#"+ elem).width()/2);
$("#"+ elem).css("top",(h+ (clientH/2)-($("#"+ elem).height()/2))+"px");
$("#"+ elem).css("left",w+"px");
$("#fullbg").css("display","block");
$("#"+ elem).css("display","block");
}
window.onscroll = function(){
h = document.documentElement.scrollTop;
console.log(h)
}
function closeBg(){
$("#fullbg").css("display","none");
$("#dialog").css("display","none");
}
</script>
<style type="text/css">
*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#fullbg{
background-color: Gray;
display:none;
z-index:3;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
filter:Alpha(Opacity=30);
/* IE */
-moz-opacity:0.4;
/* Moz + FF */
opacity: 0.4;
}

#dialog {
position:absolute;
width:200px;
height:200px;
background:#F00;
display: none;
z-index: 5;
overflow:scroll;
}

#main {
height: auto;
}
</style>
</head>
<body>
<div id="main">
<a href="#rhis" onclick="showBg('dialog');">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" onclick="showBg('dialog');">点击这里看JS遮罩层效果</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#rhis" onclick="showBg('dialog');">点击这里看JS遮罩层效果</a>
</div>
<!-- JS遮罩层 -->
<div id="fullbg"></div>
<!-- end JS遮罩层 -->
<!-- 对话框 -->
<div id="dialog">
<div style="text-align: center;">正在加载,请稍后...<a href="#" onclick="closeBg();">关闭</a></div>
</div>
<!-- JS遮罩层上方的对话框 -->
</body>
</html>
滴滴月空雨 2011-12-08
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 rao3324180 的回复:]

我这里ie,火狐,chrome,safari..都可以弹出..不知道你说的不兼容是哪方面?
[/Quote]

点击底部的(点击这里看JS遮罩层效果)遮罩能出来,可那个红色区域还在上面呢,不跟随着下来
滴滴月空雨 2011-12-08
  • 打赏
  • 举报
回复
不对啊。点击第二个(点击这里看JS遮罩层效果)出来的遮罩不是在当前屏内,需要把滚动条滚动到顶部才能看到弹出来的遮罩层,
ie可以直接看到。谷歌还得把滚动条滚动到顶部才能看到!!!!
rao3324180 2011-12-08
  • 打赏
  • 举报
回复
我这里ie,火狐,chrome,safari..都可以弹出..不知道你说的不兼容是哪方面?
三石-gary 2011-12-08
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 liyuedan 的回复:]

楼上的人们 点击页面最底部的那个试试效果 谷歌 safari浏览器不兼容
[/Quote]
不管点哪。。和IE的效果都是一样的
qq307023807 2011-12-08
  • 打赏
  • 举报
回复
晕 底部有么
滴滴月空雨 2011-12-08
  • 打赏
  • 举报
回复
楼上的人们 点击页面最底部的那个试试效果 谷歌 safari浏览器不兼容
滴滴月空雨 2011-12-08
  • 打赏
  • 举报
回复
你点页面最底部那个连接
qq307023807 2011-12-08
  • 打赏
  • 举报
回复
经测试 谷歌没问题
三石-gary 2011-12-08
  • 打赏
  • 举报
回复
试过了可以啊
滴滴月空雨 2011-12-08
  • 打赏
  • 举报
回复
最下面的那个连接(第三个)还是不行啊??? 那个红色的弹出框还是在上面啊??? 谷歌浏览器
大侠好好看看 ,怎么解决啊?? ‘
谢谢
1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 7. firefox与IE的父元素(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作,但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8. 元素水平居中问题 3 9. Div的垂直居中问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧