【问题标题】:CSS alignment to right into IE6 [closed]CSS向右对齐到IE6 [关闭]
【发布时间】:2013-01-21 18:48:26
【问题描述】:

我需要将一个对象向右对齐。我让它在除 IE6 之外的所有浏览器上都能正常工作。如何在 css 中完成这项工作?这是我的 CSS:

.object {
position:fixed;
right:0;
left:auto;
}

我的问题是:如何通过编辑 css 文件将对象对齐到 IE6 中?

【问题讨论】:

  • 其余的在哪里? HTML在哪里?你能构建一个演示吗? position: fixed 在 Explorer 6 中无效,因此您需要一个解决方法。查看更多代码将有助于我们为您提供帮助。
  • 编码之母。 IE6?您在哪里找到仍在使用 that 的客户?!
  • 1) 我使用 gwt html 是自动创建的 2) 我对我的网络应用程序的最低要求是 IE6,我需要用这个进行测试:(

标签: css internet-explorer-6


【解决方案1】:

正如 Moose 所解释的,固定定位在 IE6 中不起作用。正如他所介绍的,您必须对 IE6 使用绝对定位。

比 HTML 条件注释更好,我建议使用* html hack 来隔离只有 IE 才能看到的 CSS 属性。这更优雅,让您可以在 CSS 文件中保持代码整洁和排序。

问题是,如果您的样式表中有.myclass { /* css properties */ },然后是* html .myclass { /* css properties */ },则在两个块中定义的属性将在第二个块中被所有浏览器忽略(这是因为选择器是一样的,它放在文件的后面)。但是 Internet Explorer 计算属性的方式不同,在选择器中添加 * html 实际上确实赋予了它更高的属性。

这样,你可以有这样的代码:

.myclass {
    position: fixed;
    right: 0;
}

* html myclass {
    /* Only IE */
    position: absolute;
}

解释了完整的解决方法here

【讨论】:

    【解决方案2】:

    很遗憾,position:fixed 在 IE6 中无法识别,但您可以进行修复。

    尝试将此作为条件注释添加到您的 HTML 中。

    <!--[if IE 6]>
        html, body {
            height: 100%;   
            overflow: auto; 
            }
        body .object {
            position: absolute;
            bottom: 0;
            }
    <![endif]-->
    

    【讨论】:

      猜你喜欢
      • 2014-03-21
      • 2011-01-04
      • 1970-01-01
      • 1970-01-01
      • 2013-06-26
      • 1970-01-01
      • 1970-01-01
      • 2022-06-10
      • 2022-09-27
      相关资源
      最近更新 更多