ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでのif条件ハックの書き方
今日は、DIV+CSS の if 条件付きハックの知識とチュートリアルの例を説明します。友達はこの例から学ぶことができます。以下の事例があなたのお役に立てば幸いです。
IEのCSS if条件付きハック - cssハック
DIV+CSSでif条件付きハックの知識とチュートリアルの例を説明します
目次
Css if hack条件構文
DIV+CSS if例
if条件付きハックまとめ
Css if ハック条件構文
3b91107ae0f6dc60cbcc0243262d767f IE のみ f4e41d4438b40a9118e4a5222080456b
IE が付属しており、それを認識できるのはすべての WIN システムのみです
91aae5c817b28cdfa88a4ce4d0907f73 IE 5.0 のみ 1b771f47d72d900ba74308aee59557f0
IE5.0 のみ認識可能
91aae5c817b28cdfa88a4ce4d0907f73 IE 5.0 + 1b771f47d72d900ba74308aee59557f0
IE5.0はIE5.5で認識可能
77ff45aa02bda806843bc31600e44271 IE 6のみ- e808d020d993a6b2c05aae9c1aade4e4 IE 7/+ のみ 1b771f47d72d900ba74308aee59557f0
IE7 と IE6 および IE7 より前の IE5.x はすべて認識できます
a12785c922d0db0fc7d3d05a749a0c2f IE 8 +
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DIV IF条件实例</title> </head> <body> 你正在使用: <!--[if IE 7]> <h2>IE7</h2> <![endif]--> <!--[if IE 6]> <h2>IE6</h2> <![endif]--> <!--[if IE 8]> <h2>IE8</h2> <![endif]--> <br><br> <strong>说明</strong>:如果你的浏览器版本为多少即会显示IE多少,针对IE6-IE8实验CSS教程 </body> </html> DIV+CSS实例二: 让IE6-IE8显示不同CSS样式效果,DIV CSS代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS IF条件hack实例 </title> <!--[if IE 6]> <style type="text/css"> .div{ color:#F00;} </style> <![endif]--> <!--[if IE 7]> <style type="text/css"> .div{ color:#FF0;} </style> <![endif]--> <!--[if IE 8]> <style type="text/css"> .div{ color:#00F;} </style> <![endif]--> </head> <body> <div class="div"> DIV CSS实验提示:<br> 我在IE6下是红颜色,在IE7下是黄颜色,在IE8下是蓝颜色 </div> </body> </html>のみ注: 上記の実験は、IE6 ~ IE8 で HACK が実行されるかどうかのみをテストします。さらにエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事にご注目ください。 関連記事:
css3 を使用してアイコン効果を作成する方法
CSS3 を使用して不規則な画像の切り替え特殊効果を作成する方法
CSS3 を使用して照明とテキストアニメーションを作成する方法
以上がCSSでのif条件ハックの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。