ホームページ > 記事 > ウェブフロントエンド > CSSでのif条件ハックの書き方
CSSでのif条件ハックの書き方
- php中世界最好的语言オリジナル
- 2017-11-25 11:46:471820ブラウズ
今日は、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 サイトの他の関連記事を参照してください。