和火狐的兼容问题

<script type="text/javascript" src="jquery.js"></script>
<script> 
$(document).ready(function(){  
$("#b").click(function(){ 
$("#over").fadeIn(); 
$("#bg").css("background","#ccc"); 
$("#bg").css("opacity","0.8"); 
}); 
$("#close").click(function(){ 
$("#over").fadeOut(); 
$("#bg").css("background","#fff"); 
$("#bg").css("opacity","1"); 
}); 
}); 
</script>
刚学的jquery
在ie里只有"#bg"也就是背景色会变暗
但在火狐里"#over"和"#bg"一块变暗,
求各位帮助小弟下。

解决方案 »

  1.   

    <body id="bg">
    <div class="index11">&nbsp;熊猫首页</div>
    <div class="index12"><a id="b" href="#">登录</a>&nbsp;|&nbsp;注册&nbsp;</div>
    <div id="over"> 
    <div id="title"><span id="t">登录</span><span id="close">[ x ]</span></div>
    <div id="content"> 
      这里是内容
    </div> 
    </div>
    </body>
    //这是body部分的//
    <style type="text/css">
    #title{ 
    border: 1px solid #1840C4; 
    background: #95B4DC; 
    padding: 2px; 
    font-size:14px; 
    cursor: default; 
    } 
    #close{
    color:#F00;
    font-size:14px;
    font-weight:bold;
    text-align:left; 
    cursor:pointer; 
    margin-right:1px; 
    overflow:hidden; 
    } 
    #content{
    width:500px;
    height:400px; 
    border:1px solid #C2D560; 
    background: #EFF4D7; 
    } 
    #t{ 
    text-align:right; 
    }  
    #b{cursor:pointer;
    } 
    body{ 
    padding:0px; 
    margin:0px; 
    } 
    #over{
    width:500px; 
    position:absolute;
    background:#cccccc;
    left:50%;
    margin:50px auto auto -250px;
    cursor:default;
    display:none;
    z-index:10; 
    opacity:1;
    } 
    </style>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript"> 
    $(document).ready(function(){  
    $("#b").click(function(){ 
    $("#over").fadeIn(); 
    $("#bg").css("background","#ccc"); 
    $("#bg").css("opacity","0.8"); 
    }); 
    $("#close").click(function(){ 
    $("#over").fadeOut(); 
    $("#bg").css("background","#fff"); 
    $("#bg").css("opacity","1"); 
    }); 
    });
    这是css部分
    谢谢各位!
      

  2.   

    我local的firefox 和ie都是"#over"和"#bg"一块变暗。
    firefox 10.0  ie 7
      

  3.   

    等等，over层是否就是登陆那个，一起变暗是什么情况？我两个浏览器都没问题啊
      

  4.   

    你说的是title和content的背景变成灰色了吧？可能浏览器版本问题，我试不出来，你试下覆盖下面两个CSS看看
    #title{  
    border: 1px solid #1840C4;  
    background: #95B4DC !important;  
    padding: 2px;  
    font-size:14px;  
    cursor: default;  
    }  #content{
    width:500px;
    height:400px;  
    border:1px solid #C2D560;  
    background: #EFF4D7 !important;  
    }  
      

  5.   

    fadeIn()和fadeOut()都是延时执行的方法，一般不能同时使用。
    一般可以写为$(this).fadeIn().siblings().hide()