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 以下を除くすべてのブラウザーに出力します。
2 番目のブロックは IE8 以下に出力します。

于 2013-05-16T11:27:04.600 に答える
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 に答える
0

コメントの 1 つを拡張するには、条件付きコメントを任意の場所に配置できるため、次のようにすることができます。

<!--[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 に答える