【问题标题】:Displaying differently depending on IE version根据 IE 版本显示不同
【发布时间】:2014-06-14 00:39:29
【问题描述】:

我这里有这段代码:

        print "<p id=\"up\" style=\"position:absolute;top:33px;\">+$row_thumbs_up</p>";
        print "<p id=\"down\" style=\"position:absolute;bottom:33px;\">-$row_thumbs_down</p>";

现在,我想要它,所以如果浏览器是 IE 版本 9 或更低版本,那么将改为显示:

        print "<!--[if lte IE 9]><p id=\"up\" style=\"position:absolute;top:43px;\">+$row_thumbs_up</p>";
        print "<p id=\"down\" style=\"position:absolute;bottom:43px;\">-$row_thumbs_down</p><![endif]-->";

现在这可以正常工作了,除非有人使用 IE 9 或更低版本,那么当然会显示 both,当我只想显示底部代码并显示顶部时(如果有的话) else if used,比如IE 10、Chrome、Firefox、Opera等。我真的卡在这里了。

【问题讨论】:

    标签: html css internet-explorer if-statement


    【解决方案1】:

    只需执行以下操作:

    print "<!--[if (gt IE 9)|(!IE)]<p id=\"up\" style=\"position:absolute;top:43px;\">+$row_thumbs_up</p><![endif]-->";
    print "<!--[if lte IE 9]><p id=\"down\" style=\"position:absolute;bottom:43px;\">-$row_thumbs_down</p><![endif]-->";
    

    IE 10+ 和所有其他浏览器将显示顶行,而 IE9 及以下浏览器将显示底行。

    【讨论】:

    • html if 语句在 IE 10 及以上版本中不受支持,因此在 IE 10 或以上版本中不会显示任何内容。所以这行不通
    • @user3332590 在这种情况下,您始终可以通过 JavaScript 检查并附加 CSS 类。 stackoverflow.com/a/13954700/632736 你想根据浏览器显示不同 UI 的原因是什么?当前的标准是检测功能,而不是浏览器。
    • 然后改用&lt;!--[…]&gt; --&gt; … &lt;!-- &lt;![ENDIF]--&gt;……en.wikipedia.org/wiki/…
    猜你喜欢
    • 2013-06-25
    • 1970-01-01
    • 2012-09-27
    • 1970-01-01
    • 1970-01-01
    • 2019-07-08
    • 1970-01-01
    • 2015-05-31
    • 1970-01-01
    相关资源
    最近更新 更多