给大家带来依据IE版本分歧挪用分歧CSS款式文件

显示全部楼层 · 发表于 2015-1-15 23:31:52

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

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

x

不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。
网页制造Poluoluo文章简介：前提正文来断定IE扫瞄器版本并举行相干CSS文件挪用.
　在Poluoluo.com的文章中，其实不倡始如许的办法，可是仍然有良多CSSer会用到，这个材料保留在这里，以备也许查阅，请注重，不到不得已，请不要利用此体例。



#example{color:red;}
*html#example{color:blue;}
*+html#example{color:green;}
<!–[iflteIE6]>……<![endif]–>
　　Ite：lessthanorequalto意义是小于或即是IE6扫瞄器，用于IE扫瞄器的前提正文，经常使用于CSShack，针对IE的JS等。
　　在举行WEB尺度网页的进修和使用过程当中，网页对扫瞄器的兼容性是常常打仗到的一个成绩。个中因微软公司的InternetExplorer(简称IE)占有扫瞄器市场的泰半山河，别的另有Firefox、Opera等。必要对这些扫瞄器举行兼容。
　　同时，单就IE而言，因IE版本的晋级更替，今朝扫瞄者利用的次要停止在IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本关于我们制造的WEB尺度网页（XHTML+CSS）注释实行的显现情况不尽不异。而且，其他非IE扫瞄器与IE对某些CSS注释也纷歧样。以是，经由过程IE扫瞄器中的专有前提正文可有针对性的举行相干属性的界说。
　　前提正文只能用于Explorer5+Windows(以下简称IE)(前提正文从IE5入手下手被撑持)。假如你安装了多个IE，前提正文（Conditionalcomments）将会以最高版本的IE为尺度（今朝为IE7）。
　　前提正文只能在windowsInternetExplorer(以下简称IE)下利用，因而我们能够经由过程前提正文来为IE增加出格的指令。
　　普通点，前提正文就是一些if判别，但这些判别不是在剧本里实行的，而是间接在html代码里实行的，好比：

<!–[ifIE]>
这里是一般的html代码
<![endif]–>
　　1，前提正文的基础布局和HTML的正文(<!––>)是一样的。因而IE之外的扫瞄器将会把它们看做是一般的正文而完整疏忽它们。
　　2，IE将会依据if前提来判别是不是如剖析一般的页面内容一样剖析前提正文里的内容。
　　3，前提正文利用的是HTML的正文布局，因而他们只能利用在HTML文件里，而不克不及在CSS文件中利用。
可以使用以下代码检测以后IE扫瞄器的版本（注重：在非IE扫瞄器中是看不到效果的）

<!–[ifIE]>
<h1>您正在利用IE扫瞄器</h1>
<!–[ifIE5]>
<h2>版本5</h2>
<![endif]–>
<!–[ifIE5.0]>
<h2>版本5.0</h2>
<![endif]–>
<!–[ifIE5.5]>
<h2>版本5.5</h2>
<![endif]–>
<!–[ifIE6]>
<h2>版本6</h2>
<![endif]–>
<!–[ifIE7]>
<h2>版本7</h2>
<![endif]–>
<![endif]–>
　　那假如以后的扫瞄器是IE，但版本比IE5还低，该怎样办呢，可使用<!–[iflsIE5]>，固然，依据前提正文只能在IE5+的情况之下，以是<!–[iflsIE5]>基本不会被实行。
　　lte：就是Lessthanorequalto的简写，也就是小于或即是的意义。
　　lt：就是Lessthan的简写，也就是小于的意义。
　　gte：就是Greaterthanorequalto的简写，也就是年夜于或即是的意义。
　　gt：就是Greaterthan的简写，也就是年夜于的意义。
　　!：就是不即是的意义，跟javascript里的不即是判别符不异

　　Conditionalcomments属于CSShack?前提判别属于CSShack吗？
　　严厉地说是属于CSShack。由于就好象其他真实的csshack一样，它使得我们能够给一些扫瞄器付与特别的款式，再则它不依附于某个扫瞄器的BUG来把持别的一个扫瞄器（的款式）。除此以外，前提判别还能用来做一些超越CSSHACK局限的事变(固然这类情形很少产生)。
　　由于前提判别不依附于某个扫瞄器的hack,而是一个经由深图远虑的特征功效，以是我信任它是能够被宁神地利用的。固然，其他扫瞄器也有大概撑持前提判别（到今朝为止还没有），可是看起来，他们应当不会利用如<!–[ifIE]>如许的语法。
　　应当怎样使用前提正文
　　本文一入手下手就申明了，由于IE各版本的扫瞄器对我们制造的WEB尺度的页面注释纷歧样，详细就是对CSS的注释分歧，我们为了兼容这些，可使用前提正文来各自界说，终极到达兼容的目标。好比：

<!–默许先挪用css.css款式表–>
<linkrel="stylesheet"type="text/css"href="css.css"/>
<!–[ifIE7]>
<!–假如IE扫瞄器版是7,挪用ie7.css款式表–>
<linkrel="stylesheet"type="text/css"href="ie7.css"/>
<![endif]–>
<!–[iflteIE6]>
<!–假如IE扫瞄器版本小于即是6,挪用ie.css款式表–>
<linkrel="stylesheet"type="text/css"href="ie.css"/>
<![endif]–>
　　这个中就辨别了IE7和IE6向下的扫瞄器对CSS的实行，到达兼容的目标。同时，首行默许的css.css还能与其他非IE扫瞄器完成兼容。
　　注重：默许的CSS款式应当位于HTML文档的首行，举行前提正文判别的一切内容必需位于该默许款式以后。
好比以下代码，在IE扫瞄器下实行显现为白色，而在非IE扫瞄器下显现为玄色。假如把前提正文判别放在首行，则不克不及完成。该例题很能申明网页对IE扫瞄器和非IE扫瞄器间的兼容性成绩办理。

<styletype="text/css">
body{
background-color:#000;
}
</style>
<!–[ifIE]>
<styletype="text/css">
body{
background-color:#F00;
}
</style>
<![endif]–>
　　同时，有人会试图利用<!–[if!IE]>来界说非IE扫瞄器下的情况，但注重：前提正文只要在IE扫瞄器下才干实行，这个代码在非IE扫瞄下非单不是实行该前提下的界说，而是当作正文置若罔闻。
　　一般就是默许的款式，对IE扫瞄器必要特别处置的，才举行前提正文。
　　在HTML文件里，而不克不及在CSS文件中利用。</p>
在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 给大家带来依据IE版本分歧挪用分歧CSS款式文件

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

相关帖子