html代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function forTest() {
$('.commentvalue').toggle('slow');
}
</script>
<style type="text/css">
.content
{
height: 668px;
width: 100%;
}
.commentvalue
{
position: relative;
width: 400px;
top: -668px;
height: 100%;
display: none;
z-index: 9999;
background-color:red;
}
</style>
</head>
<body>
<div class="content">
<iframe id='pagecontent' name='pagecontent' width='100%' height='100%' style="border: 0px;"
src="Content.aspx"></iframe>
<div class="commentvalue">
</div>
</div>
<input id="Button1" type="button" value="button" onclick="forTest();" />
</body>
</html>当我点击按钮时,会隐藏和显示这个div:commentvalue,现在出现一个问题:
在firefox下,点击按钮显示这个div时,firefox会在右边出现一个滚动条(您可以把以上html复制到本地,看一下效果),然后点击按钮,执行隐藏,这时firefox右边的滚动条又会自动消失这个现象,在ie和chrome下,都没有问题,因此希望哪个css高手能帮我看一下问题究竟出现在哪里firefoxchromeie
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function forTest() {
$('.commentvalue').toggle('slow');
}
</script>
<style type="text/css">
.content
{
height: 668px;
width: 100%;
}
.commentvalue
{
position: relative;
width: 400px;
top: -668px;
height: 100%;
display: none;
z-index: 9999;
background-color:red;
}
</style>
</head>
<body>
<div class="content">
<iframe id='pagecontent' name='pagecontent' width='100%' height='100%' style="border: 0px;"
src="Content.aspx"></iframe>
<div class="commentvalue">
</div>
</div>
<input id="Button1" type="button" value="button" onclick="forTest();" />
</body>
</html>当我点击按钮时,会隐藏和显示这个div:commentvalue,现在出现一个问题:
在firefox下,点击按钮显示这个div时,firefox会在右边出现一个滚动条(您可以把以上html复制到本地,看一下效果),然后点击按钮,执行隐藏,这时firefox右边的滚动条又会自动消失这个现象,在ie和chrome下,都没有问题,因此希望哪个css高手能帮我看一下问题究竟出现在哪里firefoxchromeie
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货