【问题标题】:Unwanted White space (poss padding) for wordpress site on Internet explorer 6Internet Explorer 6 上 wordpress 网站的不需要的空白(可能填充)
【发布时间】:2014-02-09 10:22:48
【问题描述】:

我在标题图像周围有不需要的空白,但这只能在 IE 7 后面看到,IE 8 和其他浏览器可以完美地显示它。

如果有人能指出我如何纠正这个问题的正确方向,那就太好了。

提前致谢

提姆

【问题讨论】:

  • 如果您可以发布链接,或者至少是 css 和 html 代码...
  • 确定,是您需要的 style.css 文件吗?
  • 属于header的css + html,但是有博客的链接会更有帮助

标签: wordpress internet-explorer-6 internet-explorer-7 header padding


【解决方案1】:

IE 使用非标准的盒子模型,并且可以在 html 中进行调整以处理基于 IE 的怪异。这主要是因为它是一个 HTML 注释语句,因此被 IE 以外的浏览器忽略,但 IE 捕获它并知道运行代码。这适用于小于 10 的 IE 版本。

我在几年前做过,通过快速的网络搜索,我在http://www.quirksmode.org/css/condcom.html 找到了一些示例。

基本上你插入诸如

之类的代码
    <!--[if IE 6]>
    Special instructions for IE 6 here
    <![endif]-->

在标题中可能是

    <!--[if IE 6]>
        <style type="text/css">
            img {margin-top: -10px;}
        </style>
    <![endif]-->

或仅在 IE 6 或更早版本中链接 css 文件

    <!--[if lt IE 6]>
        <link rel="stylesheet" type="text/css" href="url to stylesheet for IE">
    <![endif]-->

在 WordPress 中,您可以使用管理页面中的编辑器将其潜入。我使用谷歌Chrome浏览器,通过右键/Inspect Element找到我需要更改的对象的ID,然后添加适当的代码进行调整。

【讨论】:

    猜你喜欢
    • 2013-06-24
    • 2021-05-24
    • 2014-01-13
    • 1970-01-01
    • 2023-03-09
    • 2012-12-05
    • 2014-01-11
    • 1970-01-01
    • 2012-04-06
    相关资源
    最近更新 更多