在火狐浏览器中怎样使固定区域内的内容如果超过高度时能有滚动条?
width:666px;height:207px;overflow-y:scroll;text-align:left;scrollbar-base-color:#fff;...
width: 666px;
height: 207px;
overflow-y:scroll;
text-align:left;
scrollbar-base -color: #fff;
scrollbar-face-color: #EBF4FB;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #7Eb4E0;
scrollbar-3dlight-color: White;
scrollbar-darkshadow-color: White;
scrollbar-highlight-color: White;
scrollbar-shadow-color: White;
这是我定义的CSS样式,在IE下如果内容很多的话会出现滚动条,但在火狐中却不能正常,怎样解决
就是说,我现在写一个DIV用了上面的CSS,现在我在DIV里面用UL LI列表时,当内容很多时右边有滚动条可以上下拖动,但在火狐中就不正常
在火狐中哪正常了啊?!
哦,不支持的话那怎样在火狐下实现这样的效果?! 展开
height: 207px;
overflow-y:scroll;
text-align:left;
scrollbar-base -color: #fff;
scrollbar-face-color: #EBF4FB;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #7Eb4E0;
scrollbar-3dlight-color: White;
scrollbar-darkshadow-color: White;
scrollbar-highlight-color: White;
scrollbar-shadow-color: White;
这是我定义的CSS样式,在IE下如果内容很多的话会出现滚动条,但在火狐中却不能正常,怎样解决
就是说,我现在写一个DIV用了上面的CSS,现在我在DIV里面用UL LI列表时,当内容很多时右边有滚动条可以上下拖动,但在火狐中就不正常
在火狐中哪正常了啊?!
哦,不支持的话那怎样在火狐下实现这样的效果?! 展开
6个回答
展开全部
scrollbar-。。
这一组样式FF不支持
不支持,那就是不能实现咯。不过有些变通的方法。
不过需要JS支持。就是用JS+图片来模拟滚动条
你可以 试试这里提供的
http://www.codebit.cn/pub/html/javascript/tip/get_scroll_position/
这一组样式FF不支持
不支持,那就是不能实现咯。不过有些变通的方法。
不过需要JS支持。就是用JS+图片来模拟滚动条
你可以 试试这里提供的
http://www.codebit.cn/pub/html/javascript/tip/get_scroll_position/
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<style>
.over
{
height: 20px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
</style>
<div class="over">
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
</div>
.over
{
height: 20px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
</style>
<div class="over">
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
</div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
试了一下,很正常啊,可能是不是你在导入CSS的时候有问题...我直接写 style="" 放在 <DIV></DIV> 中 以下是代码:
<body bgcolor="#999999">
<div style="width: 666px;
height: 207px;
overflow-y:scroll;
text-align:left;
scrollbar-base -color: #fff;
scrollbar-face-color: #EBF4FB;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #7Eb4E0;
scrollbar-3dlight-color: White;
scrollbar-darkshadow-color: White;
scrollbar-highlight-color: White;
scrollbar-shadow-color: White; ">
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
</div>
</p>
<p> </p>
<p><strong>OK</strong></p>
</body>
<body bgcolor="#999999">
<div style="width: 666px;
height: 207px;
overflow-y:scroll;
text-align:left;
scrollbar-base -color: #fff;
scrollbar-face-color: #EBF4FB;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #7Eb4E0;
scrollbar-3dlight-color: White;
scrollbar-darkshadow-color: White;
scrollbar-highlight-color: White;
scrollbar-shadow-color: White; ">
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
</div>
</p>
<p> </p>
<p><strong>OK</strong></p>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
设置css样式中相关类的overflow:auto和height:500px即可
参考我以前回答的一哥们的问题:
http://zhidao.baidu.com/question/35353275.html
参考我以前回答的一哥们的问题:
http://zhidao.baidu.com/question/35353275.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
很简单
<style>
.over
{
height: 20px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
</style>
<div class="over">
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
</div>
-----------------------
45484545 竟然抄我的答案,太可耻了
<style>
.over
{
height: 20px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
</style>
<div class="over">
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
</div>
-----------------------
45484545 竟然抄我的答案,太可耻了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询