《
iframe应用技巧 保留垂直滚动条去掉水平滚动条》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302335L2013.htm
通过多少个实例来讲授上述的款式属性:
1.让阅读器窗口永远都不呈现滚动条
没有水平滚动条
<body style=",IE盒子模型和标准W3C盒子模型;overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden",IE的有条件注释优点和缺点;>
没有滚动条
<body style="overflow-x:hidden;overflow-y:hidden">或<,IE浏览器的Css if hack条件语法操作;body
style="overflow:hidden">,IE浏览器Css if hack条件语法操作说明;
2.设定多行文本框的滚动条
没有水平滚动条
<textarea style="overflow-x:hidden",ie中的flash出现激活框“单击以激活并使用此控件”的解决方法;></textarea>
没有垂直滚动条
<textarea style="overflow-y:hidden">,IE与FF不兼容网页布局CSS问题;</textarea>
不转动条
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden",IE8中text-align center偏左的解决办法;></textarea>
3.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red">
scrollbar-base-color设定的是基本质,个别情形下只须要设置这一个属性就能够到达转变滚动条颜色的目标,IE6绝对定位的bug及其解决办法。
加上一点特殊的后果:
<,IE6灵异事件之歌剧院魅影;body style=",IE6到底支持不支持!important;scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
4.在样式表文件中定义好一个类,调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用:
<textarea class="coolscrollbar"></textarea>
--> [
网站建设之]iframe利用技能:保存垂直滚动条去掉程度滚动条
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2.scrollbar-3d-light-color破体滚动条亮边的色彩(设置滚动条的颜色)
scrollbar-arrow-color高低按钮上三角箭头的颜色
scrollbar-base-color滚动条的基础颜色
scrollbar-dark-shadow-color立体滚动条强暗影的颜色
scrollbar-face-color立体滚动条凸出局部的颜色
scrollbar-highlight-color滚动条空缺部门的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
Tag:滚动 水平 垂直 运用技巧 保留
(责任编辑:网站建设)
iframe应用技巧 保留垂直滚动条去掉水平滚动条相关文章