仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1027|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之最新ie6/ie7/ie8/ie9版本的Css if hack前提语法操纵申明

[复制链接]
愤怒的大鸟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:15:37 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
1、CSSifhack前提语法
<!--[ifIE]>OnlyIE<![endif]-->
仅一切的WIN体系自带IE可辨认
<!--[ifIE5.0]>OnlyIE5.0<![endif]-->
只要IE5.0能够辨认
<!--[ifgtIE5.0]>OnlyIE5.0+<![endif]-->
IE5.0包换IE5.5都能够辨认
<!--[ifltIE6]>OnlyIE6-<![endif]-->
仅IE6可辨认
<!--[ifgteIE6]>OnlyIE6/+<![endif]-->
IE6和IE6以下的IE5.x都可辨认
<!--[iflteIE7]>OnlyIE7/-<![endif]-->
仅IE7可辨认
<!--[ifgteIE7]>OnlyIE7/+<![endif]-->
IE7和IE7以下的IE6、IE5.x都可辨认
<!--[ifIE8]>OnlyIE8/-<![endif]-->
仅IE8可辨认
<!--[ifIE9]>OnlyIE9/-<![endif]-->
仅IE9可辨认

:在if后加ltgte有分歧效果(列入别的参数同理)
<!C[ifIE8]>=IE8仅IE8可辨认
<!C[ifltIE8]>=IE7或更低版本
<!C[ifgteIE8]>=高于大概即是IE8版本



<P>2、DIV+CSS实例
CSS实例一:
让IE6-IE8显现分歧的内容,DIVCSS代码以下:
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>DIVIF前提实例</title>
</head>
<body>
你正在利用:
<!--[ifIE7]>
<h2>IE7</h2>
<![endif]-->
<!--[ifIE6]>
<h2>IE6</h2>
<![endif]-->
<!--[ifIE8]>
<h2>IE8</h2>
<![endif]-->

<!--[ifIE9]>
<h2>IE9</h2>
<![endif]-->
<br><br>
<strong>申明</strong>:假如你的扫瞄器版本为几即会显现IE几,针对IE6-IE9实行</body>
</html>



申明:以上针对分歧IE显现分歧网页内容DIV+CSS实例实行。
<P>DIV+CSS实例二
让IE6-IE8显现分歧CSS款式效果,DIVCSS代码以下:
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>CSSIF前提hack实例</title>
<!--[ifIE6]>
<styletype="text/css">
.divcss{color:#F00;}
</style>
<![endif]-->
<!--[ifIE7]>
<styletype="text/css">
.divcss{color:#FF0;}
</style>
<![endif]-->
<!--[ifIE8]>
<styletype="text/css">
.divcss{color:#00F;}
</style>
<![endif]-->

<!--[ifIE9]>
<styletype="text/css">
.divcss{color:#000;}
</style>
<![endif]-->
</head>
<body>
<divclass="divcss">
DIVCSS实行提醒:<br>
我在IE6下是朱颜色,在IE7下是黄色彩,在IE8下是蓝色彩,在IE9下是玄色
</div>
</body>
</html>



申明:以上实行仅实行IE6-IE9下ifHACK。



相干链接:
最新辨别兼容IE6/IE7/IE8/IE9/FF的CSSHACK写法
最新ie6/ie7/ie8/ie9版本的Cssifhack前提语法操纵申明
前端计划IE6/IE7/IE8/IE9/FF成绩汇总
各类CSSbug与技能
【收拾】网页计划制造步骤流程技能经常使用素材和JS殊效(连续更新...)



那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
小女巫 该用户已被删除
沙发
发表于 2015-1-17 21:11:53 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
爱飞 该用户已被删除
板凳
发表于 2015-1-26 22:55:48 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
精灵巫婆 该用户已被删除
地板
发表于 2015-2-5 06:29:13 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
蒙在股里 该用户已被删除
5#
发表于 2015-2-11 08:05:16 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
老尸 该用户已被删除
6#
发表于 2015-3-2 01:26:44 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
因胸联盟 该用户已被删除
7#
发表于 2015-3-11 04:19:01 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
愤怒的大鸟 该用户已被删除
8#
 楼主| 发表于 2015-3-17 22:10:29 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
admin 该用户已被删除
9#
发表于 2015-3-25 08:46:11 | 只看该作者
可以使用 CSS 检查工具进行设计。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-14 00:21

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表