[CSS]PJblog通用皮肤首字下沉Bug之CSS修改

在使用PJblog的过程中,修改了FatMouse的皮肤,但FatMouse的皮肤有个小小的问题,就是当定义了CSS中正文部分首字下沉时,会带来其他部分的首字也下沉.
  今天看了一下CSS定义的标签选择符,做如下修改即可修正此bug:将CSS中定义首字下沉的".Content-body"换成为#logPanel:first-letter,.Content * .Content-body:first-letter"并加上#wbc_tag的取消下沉即可.即:具体修改代码如下:
将:
.Content-body:first-letter {
    float:left;
    padding:0 2px 0 0;
    color:#403C31;
    font: bold 2.8em/1em "楷体_GB2312", "微软雅黑",;
}

替换为:
#logPanel:first-letter,.Content * .Content-body:first-letter{
    float:left;
    padding:0 2px 0 0;
    color:#403C31;
    font: bold 2.8em/1em "楷体_GB2312", "微软雅黑",;
}
#wbc_tag:first-letter{
    float:none;
    padding:0;
    font: normal 12px/180% "宋体";
}

  此修改办法对IE(6,7,8)全部有效,对FireFox只有单个日志里面才有效,首页无效.原因为:这里用到了一个技巧,就是在几个标签中间使用"*"通配符,但IE能够识别"*"通配符,而FireFox不能.
  所以以上修改办法似乎是在不修改asp源码的情况下唯一能够通过修改CSS解决此bug的方法了.
  在此建议下一版在首页中内容区域添加一个id用以区别首页与日志里面的内容区域,方便设置css首字下沉.原因:目前几乎无法区别首页和日志里面的内容区域,原因为首页的内容区域和日志里面唯一不同的一个id就是"log_521",而且这个"521"是变化的,也就是日志的篇数,CSS几乎无法统一定位.所以几乎是没有区别的.
  补充说明:以上修改不光是针对FatMouse的皮肤,它是通用的,任何皮肤都可以添加上面第二段代码实现首字下沉.

[本日志由 黑咖啡 于 2009-04-07 05:49:36 编辑]
上一篇: [CSS]发现text-transform属性capitalize在IE与FireFox中的细微区别
下一篇: [CSS]CSS与XHTML最好保存为UTF-8编码文本格式
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: PJblog 通用 皮肤 首字 下沉 bug CSS 修改
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.