ie的css if条件hack- css hack
为大家讲解div+css中if条件hack知识与教程实例
目录
css if hack条件语法
div+css if实例
if条件hack总结
css if hack条件语法
3b91107ae0f6dc60cbcc0243262d767f only ie f4e41d4438b40a9118e4a5222080456b
仅所有的win系统自带ie可识别
11f068b984ada0bf9a400f29f1a94440 only ie 5.0 1b771f47d72d900ba74308aee59557f0
只有ie5.0可以识别
d0628cbc13b28d373a36f7ebb6c69425 only ie 5.0+ 1b771f47d72d900ba74308aee59557f0
ie5.0包换ie5.5都可以识别
77ff45aa02bda806843bc31600e44271 only ie 6- 1b771f47d72d900ba74308aee59557f0
仅ie6可识别
91029187a47d4c3a99cc198a5627b173 only ie 6/+ 1b771f47d72d900ba74308aee59557f0
ie6以及ie6以下的ie5.x都可识别
c57919cd6abb067cf8b2d0cd39025954 only ie 7/- 1b771f47d72d900ba74308aee59557f0
仅ie7可识别
f92958435b2b094c55bbcf32a6c93dd8 only ie 7/+ 1b771f47d72d900ba74308aee59557f0
ie7以及ie7以下的ie6、ie5.x都可识别
266c419352a525843049eb7155ebf872 only ie 8/- 1b771f47d72d900ba74308aee59557f0
仅ie8可识别
2、div+css实例教程
css实例一：
让ie6-ie8显示不同的内容，div css代码如下：
<!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下if hack。更多精彩请关注其它相关文章！
相关阅读：
怎样用css3做出图标效果
利用css3怎么做出不规则图片的切换特效制作
怎么用css3做出灯光照射显示文字动画
以上就是css里的if条件hack怎么写的详细内容。