Twenty Ten 主题页眉图像在IE9中错位修正方法

作者:     目录: PHP+MySQL     发表: 2010年12月04日

平时一般不用WordPress默认主题Twenty Ten,平时一般也使用IE9浏览器,可是总有例外的时候啊,今天偶然发现Twenty Ten主题在IE9中的一个小BUG—— 页眉图像位置错位。

在IE9浏览器中打开Twenty Ten 主题博客时,页眉图像错位,示例如下
Twenty Ten 主题页眉图像在IE中错位修正方法

正常的页面应该如下所示才对:
Twenty Ten 主题页眉图像在IE中错位修正方法

页眉图像位置修正的2种方法

方法1. 修改 style.css 样式表。增加如下代码:

#branding, #branding img{ float:left}

方法2. 修改header.php文件。在header.php中找到下面的代码:

<div id="site-description"><?php bloginfo( 'description' ); ?></div>

在其后面增加下面代码:

<div style="clear:both"></div>

推荐使用方法1,毕竟是关于页面样式的,修改CSS文件,更直观一点。

2 个评论

  1. 园子说道:

    IE9 我还没有用到呢
    悲剧。

    1. 任鸟飞说道:

      不用也罢,不怎么好用,还是Chrome浏览器比较好。

发表评论