Heim  >  Artikel  >  Web-Frontend  >  Wie schreibe ich einen If-Bedingungs-Hack in CSS?

Wie schreibe ich einen If-Bedingungs-Hack in CSS?

php中世界最好的语言
php中世界最好的语言Original
2017-11-25 11:46:471820Durchsuche

Heute erkläre ich Ihnen das Wissen und Tutorial-Beispiele zum if-Bedingungs-Hack in DIV+CSS. Freunde können von unserem Beispiel lernen. Ich hoffe, dass die folgenden Fälle für Sie hilfreich sein werden.

IE's CSS-IF-Bedingungs-Hack – CSS-Hack

Erklären Sie das Wissen über den If-Bedingungs-Hack und Tutorial-Beispiele in DIV+CSS

Inhalt

CSS-IF-Hack-Bedingung Syntax

DIV+CSS, wenn Beispiel

wenn bedingte Hack-Zusammenfassung

Css, wenn bedingte Hack-Syntax

740db9531de9d3577292e6db2a2923b6 Nur IE f4e41d4438b40a9118e4a5222080456b

Nur ​​alle WIN-Systeme, die mit IE geliefert werden, können es erkennen

11f068b984ada0bf9a400f29f1a94440 Nur IE 5.0 1b771f47d72d900ba74308aee59557f0

Nur ​​IE5.0 kann es erkennen

d0628cbc13b28d373a36f7ebb6c69425 IE 5.0+ 1b771f47d72d900ba74308aee59557f0

IE5.0 oder IE5.5 kann erkannt werden

77ff45aa02bda806843bc31600e44271 6- 1b771f47d72d900ba74308aee59557f0

Nur ​​IE6 kann erkennen

91029187a47d4c3a99cc198a5627b173 Nur IE 6/+ 2207b164ddd4ad3c7143acfafcdcf6df

Kann von IE6 und IE5.x unter IE6 erkannt werden

c57919cd6abb067cf8b2d0cd39025954 [endif]-->

Nur ​​IE7 kann erkennen

f92958435b2b094c55bbcf32a6c93dd8 Nur IE 7/+ 6950224892a067efb369e50c2a4beba2 ->

Nur ​​von IE8 erkannt

2. DIV+CSS-Beispiel-Tutorial

CSS-Beispiel eins:

Lassen Sie IE6-IE8 unterschiedliche Inhalte anzeigen, Der DIV-CSS-Code lautet wie folgt:

 <!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>

Hinweis: Das obige Experiment testet nur HACK unter IE6-IE8. Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So verwenden Sie CSS3, um Symboleffekte zu erstellen

So verwenden Sie CSS3, um Umschalteffekte für unregelmäßige Bilder zu erstellen

So verwenden Sie CSS3, um Textanimationen unter Lichtbeleuchtung zu erstellen

Das obige ist der detaillierte Inhalt vonWie schreibe ich einen If-Bedingungs-Hack in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn