firefox上出现一个有关问题,ie和chrome都没有出现(关于右边滚动条的有关问题)
firefox下出现一个问题,ie和chrome都没有出现(关于右边滚动条的问题)
html代码如下:
当我点击按钮时,会隐藏和显示这个div:commentvalue,现在出现一个问题:
在firefox下,点击按钮显示这个div时,firefox会在右边出现一个滚动条(您可以把以上html复制到本地,看一下效果),然后点击按钮,执行隐藏,这时firefox右边的滚动条又会自动消失
这个现象,在ie和chrome下,都没有问题,因此希望哪个css高手能帮我看一下问题究竟出现在哪里
------解决方案--------------------
我测试了一下貌似没什么问题呀,IE9和chrome右边都有滚动条呀
------解决方案--------------------
overflow:hidden;
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高手能帮我看一下问题究竟出现在哪里
------解决方案--------------------
我测试了一下貌似没什么问题呀,IE9和chrome右边都有滚动条呀
------解决方案--------------------
overflow:hidden;