兼容问题

滴滴月空雨 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
  • 打赏
  • 举报
 回复
最下面的那个连接（第三个）还是不行啊？？？ 那个红色的弹出框还是在上面啊？？？ 谷歌浏览器
大侠好好看看 ，怎么解决啊？？ ‘
谢谢
mysql-connector-java-5.1.30工具
MySQL官方提供的驱动包 mysql-connector-java-5.1.30.zip
46种常见的浏览器兼容性问题大汇总
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
IE8AddZone.rar
该程序是用VS2005编写的一个可以解决VS2008(VS2005)与IE8不兼容问题的软件。使用说明请查看：http://hi.baidu.com/anglecloudy/blog/item/fe5ca7593bdf99222934f015.html
(源码)百分百仿360安全卫士界面和仿360新版特性窗口源码.rar
完全模仿360安全卫士新版特性源码，编译环境：本示例程序使用VS2005编写，在VC6，VC2003，VC2008，VC2010中进行少量修改即可直接使用，有问题请联系11259500@qq.com。另外包含完全模仿360安全卫士的界面，可换肤，可缩放。其中包括360配置界面，360换肤界面360自定义滚动条，360托盘菜单，360新版特性界面等。可以兼容360安全卫士皮肤文件，使用VC开发，未使用除GDI+,MFC以外其它第三方界面库。
手机端漂亮的日期插件mobiscroll，免费使用
mobiscroll，很漂亮的日期插件，兼容性好，支持web、APP、wap手机端开发；附件包含了一张效果图，其他效果调整参数即可见。 本附件亮点： 1，下载附件即可免费使用（官方下载需收费，网址：http://www.mobiscroll.com/）； 2，中文显示等参数已全面说明，更换后即可拿到想要的效果，无需花太多时间研究（本人最初使用时因为中文问题花了不少时间研究）。 免积分共享出来，希望对有需要的人有帮助。谢谢！
JavaScript

87,997

社区成员

224,709

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章