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文件,更直观一点。

♥阿里云服务器♥

云服务器,性价比高,建站首选。

阿里云服务器

♥支付宝现金红包♥

支付宝现金红包,每天可领,红包金额最高 99元,使用无门槛,支付宝扫码付、还信用卡、充话费都可以使用。

支付宝现金红包 每天可领

♥淘宝现金红包♥

淘宝粉丝福利,金额随机,使用无门槛,手机淘宝扫码直接领取现金红包。

淘宝现金红包

2 个评论

  1. 园子 says:

    IE9 我还没有用到呢
    悲剧。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据