始终让 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教程
上一篇:dl、dt、dd 标签的使用
最新更新