给 WordPress 评论框加滚动条,这个想法的诞生感谢于一位牛人bronco,他曾经在小站上留下了洋洋洒洒长篇大论的留言250余字(点此欣赏),最后还给了我一个建议,给评论框加一个滚动条。我当时那个惭愧呀,人家辛辛苦苦码了那么多字,我居然没有给人提供一个良好的评论环境,是我疏忽了。都怪我当时改主题的时候比较粗糙,给评论框样式加了个 overflow:hidden; 了事,细微之处才能显现主题的人性化,之后我就给 WordPress 的评论框加上了滚动条,CSS 也很好定义,加一个 overflow:auto; 就可以了。overflow 很好用,最关键是其兼容性好,在 IE 各版本和 Firefox 等浏览器下都有效。
下面是 overflow 的详细介绍:
语法:
overflow: visible | auto | hidden | scroll
取值:
- visible:不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的 window 或 frame 的大小。并且 clip 属性设置将失效
- auto:此为 body 对象和 textarea 的默认值。在需要时剪切内容并添加滚动条
- hidden:不显示超过对象尺寸的内容
- scroll:总是显示滚动条
说明:
- 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
- 设置 textarea 对象为 hidden 值将隐藏其滚动条。
- 对于 table 来说,假如 table-layout 属性设置为 fixed ,则 td 对象支持带有默认值为 hidden 的 overflow 属性。如果设为 hidden ,scroll 或者 auto,那么超出 td 尺寸的内容将被剪切。如果设为 visible,将导致额外的文本溢出到右边或左边(视 direction 属性设置而定)的单元格。
- 自 IE5 开始,此属性在 MAC 平台上可用。
兼容性:
|
类型
|
Internet Explorer
|
Firefox
|
Chrome
|
Opera
|
Safari
|
|
版本
|
IE6
|
Firefox 2.0
|
Chrome 1.0.x
|
Opera 9.63
|
Safari 3.1
|
|
IE7
|
Firefox 3.0
|
Chrome 2.0.x
|
Safari 4
|
||
|
IE8
|
Firefox 3.5
|
-
CSS3 鼠标悬停图片动画效果2009年09月6日 -
Wordpress 访客信息输入框美化2009年07月7日 -
个性化 Wordpress 评论框2009年06月25日 -
Wordpress之终极Gzip兼容IE62009年06月11日