和火狐的兼容问题

evan2916 2012-02-05 10:56:15

...全文

85 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

gnik2018 2012-02-06

打赏
举报

你说的是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;
}

gnik2018 2012-02-06

打赏
举报

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

gnik2018 2012-02-06

打赏
举报

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

evan2916 2012-02-06

打赏
举报

<body id="bg">
<div class="index11"> 熊猫首页</div>
<div class="index12"><a id="b" href="#">登录</a> | 注册 </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部分
谢谢各位!