搞不定首字下沉

据说网页排版的三个境界是(来源):

1. 怎么都搞不定非ie浏览器
2. 怎么都搞不定ie
3. 天马行空

我现在的情况是:Firefox 总是最容易的;Opera 和基于 KHTML/WebKit 的浏览器(Safari, Chrome, Konqueror 等)次之,但多数情况下搞定 Firefox 也就意味着搞定它们;最难的是 IE 不用说。

今天上午试图在本网志实现首字下沉,网上没找到满意的插件,于是试图自己完成。因为首段没有标记,又不想动 PHP,想了想,在 CSS 里写道(ref):

.post_body > span + p:first-letter { /* ... */ }

借助 FireBug,很快在 Firefox 里成功了。然而,稍后便发现,我搞不定任何一种非 Firefox 浏览器。在其他所有浏览器(包括 IE)效果都是 “错” 的,而且 “错” 得一样——也许大概可能它们是对的,Firefox 错了吧?

大概因为过分依赖 FireBug,对很多 CSS 用法无形中就接受了 Firefox 的实现,而没有意识到它可能并不符合标准,跟以前很多做网页的人(也包括曾经的我)无意中就接受了 IE 的做法,好像是一样的。

一边骂着 IE only 的国产网站,一边让自己的网站处于 Firefox only 状态超过十个小时。

[现在暂时禁用了,等有时间有精力折腾的时候再研究研究别人的代码。]

标签: , , , ,

我来说两句

提示:在 Gravatar 注册后,评论右侧将显示您的头像。