2023年6月21日发(作者:)

针对IE浏览器的CSS样式(兼容性)1. IE hacks:"_" 是IE6 专有的hack;"9" 对IE6-IE10都有效;"0"对IE8-IE10都有效;"90"对IE9-IE10都有效; 优点: CSS hacks 内嵌在普通的 CSS ⾥⾯,不会产⽣更多 HTTP 请求。CSS hacks 内嵌在普通的 CSS ⾥⾯,编写时⽐较⽅便。 缺点:   它是不标准的产物。内嵌在其他 CSS 中,不便维护。尤其是当 hacks 的数量⽐较多的时候维护简直是个恶梦。内嵌在其他 CSS 中,即使在⾮ IE 浏览器中也会被加载,浪费资源。2.条件注释 CSS: 条件注释是⼀种 IE 专有的、对常规(X)HTML 注释的 Miscrosoft 扩展。从 W3C 标准来说,它也是不标准的产物,但它是微软官⽅推出的针对 IE 进⾏开发的⽅式,  并且条件注释对于其他所有浏览器作为常规注释出现,因此对其他浏览器⽆害 优点:  条件注释 CSS 的好处是在独⽴的 CSS ⽂件中编写,能准确控制在特定的 IE 中加载,不会造成资源浪费,并且便于维护。 缺点: 就是会产⽣多余的 HTTP 请求,尤其是当你需要兼容的 IE 版本很多的时候,你就需要产⽣多个 HTTP 请求,这对于本来通道数⽬就少的低版本 IE 来说⽆疑会影响页⾯加载速度。                      以上两种⽅法不是很好,以下的⽅法相对来说会好点;3.条件注释 html

标签:  这种⽅案也是利⽤条件注释,但并不是对 CSS 使⽤条件注释,⽽是对 html 标签使⽤条件注释,引⼊不同的 class ,从⽽区分不同的 IE以及其他浏览器;

   然后把对特定 IE 的 CSS 加上相应的 class 并写在普通 CSS ⽂件⾥即可: .ie6 .header .nav {margin:0 0 0 ;padding:0 0 0 0; }  优点:    条件注释表达式的好处在于不会产⽣多余的 HTTP 请求;  缺点:    由于这些针对特定 IE 的 CSS 与普通的 CSS 放在⼀起,即不是相应的 IE 也会被加载,因此如果 CSS 数⽬⽐较多的话就会像使⽤hacks 那样,造成浪费;                      以上⽅法:需要根据具体情况选择⽅法。

2023年6月21日发(作者:)

针对IE浏览器的CSS样式(兼容性)1. IE hacks:"_" 是IE6 专有的hack;"9" 对IE6-IE10都有效;"0"对IE8-IE10都有效;"90"对IE9-IE10都有效; 优点: CSS hacks 内嵌在普通的 CSS ⾥⾯,不会产⽣更多 HTTP 请求。CSS hacks 内嵌在普通的 CSS ⾥⾯,编写时⽐较⽅便。 缺点:   它是不标准的产物。内嵌在其他 CSS 中,不便维护。尤其是当 hacks 的数量⽐较多的时候维护简直是个恶梦。内嵌在其他 CSS 中,即使在⾮ IE 浏览器中也会被加载,浪费资源。2.条件注释 CSS: 条件注释是⼀种 IE 专有的、对常规(X)HTML 注释的 Miscrosoft 扩展。从 W3C 标准来说,它也是不标准的产物,但它是微软官⽅推出的针对 IE 进⾏开发的⽅式,  并且条件注释对于其他所有浏览器作为常规注释出现,因此对其他浏览器⽆害 优点:  条件注释 CSS 的好处是在独⽴的 CSS ⽂件中编写,能准确控制在特定的 IE 中加载,不会造成资源浪费,并且便于维护。 缺点: 就是会产⽣多余的 HTTP 请求,尤其是当你需要兼容的 IE 版本很多的时候,你就需要产⽣多个 HTTP 请求,这对于本来通道数⽬就少的低版本 IE 来说⽆疑会影响页⾯加载速度。                      以上两种⽅法不是很好,以下的⽅法相对来说会好点;3.条件注释 html

标签:  这种⽅案也是利⽤条件注释,但并不是对 CSS 使⽤条件注释,⽽是对 html 标签使⽤条件注释,引⼊不同的 class ,从⽽区分不同的 IE以及其他浏览器;

   然后把对特定 IE 的 CSS 加上相应的 class 并写在普通 CSS ⽂件⾥即可: .ie6 .header .nav {margin:0 0 0 ;padding:0 0 0 0; }  优点:    条件注释表达式的好处在于不会产⽣多余的 HTTP 请求;  缺点:    由于这些针对特定 IE 的 CSS 与普通的 CSS 放在⼀起,即不是相应的 IE 也会被加载,因此如果 CSS 数⽬⽐较多的话就会像使⽤hacks 那样,造成浪费;                      以上⽅法:需要根据具体情况选择⽅法。