Posts written in 2007‒12

entry 终于也让我体验了一把bug

之前在网上看见mac用户升级到Leopard笔记本键盘被锁死 ,当时还庆幸自己没有遇到同样的问题。

不知道是不是系统想给我来个下马威(这个下马威来的也太迟了--!),问题被激活了。昨天:准备用ctrl+3切换Spaces的时候,没反应...惯性的按了一下caps lock键,是可以点亮的,看来并没有卡机,用鼠标打开一个个程序来测试,系统虽然运行良好,但是对按键却一点反应也没有,无奈只能重启。

目前不知道症状是否符合被锁死的概念,不过补丁还是安装上了,保险...

下载

entry white-space : pre-wrap

pre标签用来显示预格式(preformatted)文本,实际应用中我一般用来显示各种代码。

以前通常会给pre定义这样的CSS,使pre不被过长的文本撑破,而出现滚动条:

pre { overflow: auto; width: 515px; }

但是当横向、纵向滚动条同时存在时,很让人抓狂。于是在CSS 3中,white-space有了一个新的值pre-wrap,再加上一些浏览器的私有属性,我们就得到了解决方案:

pre {
white-space: pre-wrap; /* 支持css 3的浏览器 */
white-space: -moz-pre-wrap; /* 老版Mozilla*/
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE 5.5以上 */
}

来自:Wrapping the pre tag

entry 推荐textmate主题 minimal

textmate themes minimal

textmate 一直是我比较喜欢的编辑器,其中一个原因就是可自定义的代码着色功能,并且可以把你自定义的配色方案输出成themes,跟大家分享。minimal Theme 就是一个我比较喜欢的配色主题。(比较喜欢褐色调)

另外作者还发布了两个不错的textmate Bundle,TextMate HTML BundleTextMate CSS bundle,强化了自带的同名Bundle,适合html coder.

entry 多浏览器的Opacity

opacity是CSS 3里的一个属性,用来设定元素的透明度。当然现在还只有少部分浏览器支持。

不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari:

  • IE: filter:alpha(opacity)
  • Mozilla: -moz-opacity
  • Safari: -khtml-opacity

很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity。(新版Opera已经支持opacity

所以以前用CSS设定一个元素半透明的话,可能会这样写:

.opacity{
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* 老版Mozilla */
-khtml-opacity:0.5; /* 老版Safari */
opacity: 0.5; /* 支持opacity的浏览器*/
}

用javascript来设定一个元素为半透明:

object.filter = "alpha(opacity=" + opacity + ")";  /* IE */
object.MozOpacity = (opacity / 100); /* 老版Mozilla */
object.KhtmlOpacity = (opacity / 100); /* 老版Safari */
object.opacity = (opacity / 100); /* 支持opacity的浏览器*/
 1 2 Next →