当前位置:学会吧培训频道电脑知识学习网页制作HTML与CSS教程始终让 Firefox 显示滚动条» 正文

始终让 Firefox 显示滚动条

[09-24 14:31:53]   来源:http://www.xuehuiba.com  HTML与CSS教程   阅读:8407
概要:今天刚发现我的网站http://www.xuehuiba.com居然在firefox下不显示滚动条,真汗!这么严重的问题我竟然没有发现,以前好好的,也是因为最近改了一次代码,为了给网页加个背景:在网页最外围使用了一个大DIV。可是我刚查询发现,原来div 在firefox下显示滚动条存在问题。方法一:ie和firefox有个差别。ie下浏览器的右侧肯定会有滚动条,不管页面是不是够高。而firefox在页面高度不超过一屏的情况下不会出现滚动条。加上这个:root,可以保证firefox(因为firefox2和3都支持这种伪类的写法)下右侧一定会出现滚动条。方法二:html {overflow:-moz-scrollbars-vertical;}方法三:需跨浏览器的支持,也可以使用body, html { min-height:101%;}
始终让 Firefox 显示滚动条,标签:html与css教程,css教程,html网页设计教程,http://www.xuehuiba.com

今天刚发现我的网站http://www.xuehuiba.com居然在firefox下不显示滚动条,真汗!这么严重的问题我竟然没有发现,以前好好的,也是因为最近改了一次代码,为了给网页加个背景:在网页最外围使用了一个大DIV。可是我刚查询发现,原来div 在firefox下显示滚动条存在问题。

方法一:

ie和firefox有个差别。ie下浏览器的右侧肯定会有滚动条,不管页面是不是够高。而firefox在页面高度不超过一屏的情况下不会出现滚动条。加上这个:root,可以保证firefox(因为firefox2和3都支持这种伪类的写法)下右侧一定会出现滚动条。

方法二:

html {
overflow:-moz-scrollbars-vertical;}

方法三:

需跨浏览器的支持,也可以使用

body, html {
    min-height:101%;
}

Tag:HTML与CSS教程html与css教程,css教程,html网页设计教程电脑知识学习 - 网页制作 - HTML与CSS教程
《始终让 Firefox 显示滚动条》相关文章
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13