关于CSS HACK 解决兼容的写法-css设计(2)

王朝数码·作者佚名  2010-05-28
窄屏简体版  字體: |||超大  

三、IE 注释

IE only

NOT IE

这种写法的优缺点是:

优点:安全;向后兼容好;易维护

缺点:用不好会增加HTTP请求;用得好代码又多

四、浏览器探测:JS/后端程序判断

// 以jQuery为例,检测是否是IE6,是则加上class="ie6"

if ($.browser.msie && $.browser.version = 6 ){

$('div').addClass('ie6');

}

这种写法的优缺点是:

优点:全面;易维护;可读性高

缺点:占资源;代码量大(要重写选择器)

上面4种是我们最常用的方法。现在,让我们抽出心里存着的那3个原则,看看如何选择。要时间思考一下么?这里简单地说一下我的选择:

1、尽量使用单独HACK

这样维护起来成本比较低,改动不会影响其他的浏览器,而一旦有浏览器淘汰,只要搜索关键字,就可以批量去掉这些代码。比如,ie6的单独hack:

_padding:6px;;

2、向后兼容的目标:1年

你想现在的网站兼容IE10么,谁不想,但这可预见性太低了,也可以说,成本太高了。暂时没必要。不过,IE9可能要发布了,所以,选择像

padding:8px\0;

这样的IE8+的hack,在删掉其他代码不影响向后兼容上,会更好;并且,如果IE10出来,一旦支持这个hack,而又没有这个bug,可能删掉只影响2个浏览器,也会更方便;

3、尽可能省资源

你要是不考虑页面加载速度,不考虑服务器承受能力的话,那在向后兼容和淘汰的处理上可以做得很完美(从代码上),但这从某种程度上,不如不做。

第一頁    上一頁    第2頁/共3頁    下一頁    最後頁
第01頁 第02頁 第03頁 
 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航