0

我有一个全屏/背景幻灯片，我的客户喜欢它在 Internet Explorer 8 及更低版本中完全失败。我认为现在尝试解决这个问题超出了我的能力范围，所以如果浏览器是 IE8 或更低版本，我只想将其切换为另一个 IE 安全背景​​幻灯片（不那么好看，但至少它的东西）。

但是，我知道您可以使用来切换样式表

<!--[if IE]>

等等，但是样式表依赖于 div 中的一些基本 html 标记（下面的示例），我不想在页面上显示给 Internet Explorer ...

        <ul class="cb-slideshow">
        <li><span>Image 01</span><div><h3>Lorem Ipsum Dolor</h3></div></li>
        <li><span>Image 02</span><div><h3>Lorem Ipsum Dolor</h3></div></li>
        <li><span>Image 03</span><div><h3>Lorem Ipsum Dolor</h3></div></li>
        </ul>
  • 如果用户使用的是 IE8 或更低版本，我该如何删除它？我使用的是 mac，所以在 IE 中运行许多测试是不可能的，所以我不会懒惰地问。

我只需要有不同的页面或其他东西吗？

提前致谢

4

4 回答 4

0

尝试这个：

 <!--[if !LT IE 9]><!-->
 <p>Not IE 8 and below and all other browsers</p>
 <!--<![endif]-->

 <!--[if lt IE 9]>
 <p>IE 8 and below </p>
 <![endif]-->

第一个块输出到除 IE8 及以下的所有浏览器。
第二个块输出到 IE8 及以下。

于 2013-05-16T11:27:04.600 回答
0

要扩展其中一个评论，您可以将条件评论放在任何地方，因此您可以这样做：

<!--[if lt IE9]>// IE-specific slideshow HTML here. <![endif]-->
<!--[if gte IE 9]><!-->// Standard slideshow HTML here (for IE9+ and non-IE browsers) <!--<![endif]-->
于 2013-05-15T15:06:15.560 回答
0

如果您使用条件注释在标签上设置类，<html>则可以避免使用单独的样式表：

<!--[if lt IE 7]>  <body class="ie ie6 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 7]>     <body class="ie ie7 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 8]>     <body class="ie ie8 lte9 lte8">      <![endif]-->
<!--[if IE 9]>     <body class="ie ie9 lte9">           <![endif]-->
<!--[if gt IE 9]>  <body class="ie">                    <![endif]-->
<!--[if !IE]><!--> <body>                               <!--<![endif]-->

在您的样式中，只需隐藏 ul ：.lte9 .cb-slideshow { display: none;}

看：

http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

和

http://misteroneill.com/journal/improved-internet-explorer-targeting-through-body-classes/

于 2013-05-15T13:56:51.350 回答
-1

您可以在 -Tags 中定义不同的布局，<div id="browserid" style="display:none">...</div>其中 browserid 是 IE、FF 等之一。这使得它们默认不可见。

然后定义一个 javscript 函数，该函数在 onpageLoad 处调用并评估navigator.userAgent属性。包含客户端浏览器名称。根据该值，您可以更改相应的显示样式。

于 2013-05-15T13:51:06.180 回答