代码之家  ›  专栏  ›  技术社区  ›  Ian

IE8 XP中的CSS问题,但IE8 Vista或7中没有。

  •  3
  • Ian  · 技术社区  · 14 年前

    我已经为我们在工作中发起的一个活动实现了一个登录页面设计,并在工作中的XP机器上的IE7和家中的7机器上的IE8上进行了测试。这些都有效,所以我认为我打败了IE,但事实证明,不同操作系统的IE呈现HTML的方式不同,尽管它们声称自己是同一个浏览器。

    任何拥有xp和ie8的人都不会正确地看到站点。

    我使用两个不同的CSS链接。一个给IE,一个给!IE:

    <!--[if IE]>
    <link href="../images/content/pagebuilder/idop_2010/free-to-believe-IE.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if !IE]><!-->
    <link href="../images/content/pagebuilder/idop_2010/free-to-believe.css" rel="stylesheet" type="text/css" />
     <!--<![endif]-->
    

    我不得不使用!IE是因为IE仍然在从好的样式表中提取CSS,并且IE表不能正确更新(另一个问题)。

    如果我创建特定于IE的CSS(IE7/IE8 vs Just IE),可以解决这个问题吗?

    什么是克服操作系统+IE问题的好方法?


    编辑

    我在我的工作计算机上安装了IE8,它和其他所有的IE8计算机都有相同的问题。我有Internet Explorer开发人员工具,当我将其切换到“IE7标准模式”时,我注意到IE正在“IE8标准模式”下运行,布局工作得很好。我还注意到在我的笔记本电脑上,Windows7的兼容模式图标被激活。当我关闭它时,我可以复制我的问题。所以现在我确定这是一个IE8问题,一般来说,不一定是一个操作系统问题。

    我现在已经创建了一个特定于IE8的样式表,我将开始对其进行检修以使其看起来正确。

    这里是网站: http://members.opendoorsusa.org/site/PageServer?pagename=IDOP_2010

    任何想看一看并给我关于CSS的建议的人,我都会很感激(我没有做设计,只是实现,所以没有设计评论)

    既然我知道这是问题所在,我还有一个问题。为什么IE8的显示与IE7如此不同?!

    2 回复  |  直到 14 年前
        1
  •  2
  •   Community Mike Causer    7 年前

    克服IE问题的最佳方法是使用条件注释:

    <!--[if IE 8]>
    ... link IE 8 specific stylesheet...
    <![endif]-->
    

    似乎您已经知道条件了,所以只需尝试一个特定于IE8的样式表,看看它是否有效。

    Check this out. 理论上,不同版本的Windows和IE8上的同一个网页之间不应该有任何区别,但是ActiveX可能有例外,而且字体的呈现也可能有例外。

    请告诉我IE8特定样式表是否适用于您。

        2
  •  1
  •   Mindstorm Interactive    14 年前

    你用过了吗? jQuery用户界面主题滚轮 ?我刚刚发现了一个CSS错误,它只在XP中,而不是在Vista中。UI选项卡和手风琴缺少标题文本。我把这个问题归结为jQueryUIThemeRoller自定义生成的主题。用预先构建的主题替换自定义主题解决了问题。