当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > Overflow OPREA

CSS样式表
CSS教程:制作网页中常用的5个CSS属性
网页制作理论:精确还原设计稿
CSS教程:Firefox浏览器下margin-top问题
CSS教程:li标记在IE下产生间距
CSS实例教程:CSS制作虚线的2种方法
CSS教程:网页中英文字体的设置
根据IE版本不同调用不同CSS样式文件
CSS网页布局:tbody标签与thead和tfoot标签
网页制作技巧:CSS网页布局中文排版心得
网页制作CSS教程:自适应圆角
Css Hack:Pixel Perfect
OOcss教程:认识OOCSS和简单应用OOCSS
网页制作教程:面向对象的CSS应用
CSS写法:不同组合间的优先级及浏览器的支持性
CSS sprite实例教程:li:hover修改密码
利用负边距技术制作自适应宽度布局的网页
WEBJX收集漂亮的大背景网页设计实例
使用一张或两张图片创建大背景网站
CSS教程:CSS选择符的用法和实例
CSS实例:a:hover伪类在IE6下的问题

CSS样式表 中的 Overflow OPREA


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 114 ::
收藏到网摘: n/a

overflow在IE和非IE的浏览器中是都支持的!但昨天作一个东西时一个问题出现了!
这是CSS开始时的写法:
复制代码 代码如下:

#tmd{border:1px solid #9F9F9F;padding:2px 5px;height:175px;width:140px;overflow-y:scroll;}

这是内容:
复制代码 代码如下:
<style>#tmd{border:1px solid #9F9F9F;padding:2px 5px;height:175px;width:140px;overflow-y:scroll;}</style>
<div id="tmd">我不想要水平我不想要水平的滚动条,只想有一个垂直的滚动条就可以了,所以我写成这样了“overflow-y”;
在IE中和FIREFOX中都可以,就是在OPREA中不行;<br>的滚动条,只想有一个垂直的滚动条就可<br>以了,所以我写成这样了“overflow-y”;
在IE中和FIREFOX<br>中都可以,就是在OPREA中不行;</div>

由于overflow-y是IE专有的属性,在OPREA中就不支持了,而在IE中如果不这样用,水平的滚动条就没有办法去掉了!
所以还得再解决OPREA,只有再加一句overflow:auto;OPREA可以识别的!
看效果:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]