浏览器CSS兼容

<!--[ifltIE7]><bodyclass="ieie6"><![endif]--><!--[ifIE7]><bodyclass="ieie7"><![endif]--><!--[ifIE8]><bodyclass="ieie8"><![endif]--><!--[if!IE]><!--><bodyclass="standard"><!--<![endif]-->

可以使用如下形式(以IE6为例)，为特定版本的IE使用特定的样式达到IE不同版本间的样式兼容

<!--[iflteIE6]>

<linkhref="../../Content/DropdownMenuIE6.css"rel="Stylesheet"type="text/css"/>

<![endif]-->

这里的<!--[iflteIE6]>和<![endif]-->之间除了可以使用link标签引用样式外，还可以用style标签声明特定的样式。

#example{color:#333;}/*FF及其他浏览器*/

*html#example{color:#666;}/*IE6*/

*+html#example{color:#999;}/*IE7*/

注意：

*+html对IE7的HACK必须保证HTML顶部有如下声明：

以下为引用的内容：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

可以使用以下HTML：

<metahttp-equiv="x-ua-compatible"content="ie=7"/>

让IE8使用兼容IE7的样式模式。

1,!important

随着IE7对!important的支持,!important方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

PLAINTEXT

CSS:

#wrapper

{

width:100px!important;/*IE7+FF*/

width:80px;/*IE6*/

}

2,IE6/IE77对FireFox

*+html与*html是IE特有的标签,firefox暂不支持.而*+html又为IE7特有标签.

PLAINTEXT

CSS:

#wrapper

{

#wrapper{width:120px;}/*FireFox*/

*html#wrapper{width:80px;}/*ie6fixed*/

*+html#wrapper{width:60px;}/*ie7fixed,注意顺序*/

}