昨天对公司的网站进行了IE低版本的适配调整,调整了IE8以下的浏览器布局混乱,层次覆盖等等问题。一天的调整,整理结果如下:
1、CSS hack:区分IE6、IE7、IE8、Chrome、Firefox、Opera等
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
IE低版本 (IE系列)都可以支持“*”,其他不支持
IE6能识别"_",但是IE7及其他不支持。
IE6不支持!important,其他都支持
IE7、IE7支持 {+color:#fff;},IE8及其他不支持
<!--[if IE]>这段文字只在IE浏览器显示<![endif]--> <!--[if !IE]>这段文字只在非IE浏览器显示<![endif]-->
<!--[if IE 6]>这段文字只在IE6浏览器显示<![endif]-->
<!--[if gte IE 6]>这段文字只在IE6以上(包括)版本IE浏览器显示<![endif]-->
<!--[if ! IE 8]>这段文字在非IE8浏览器显示<![endif]-->
在网站中适时的使用图片延迟加载,可以减少请求,显著的提高多图片页面的加载速度。这也需要适当的使用图片延迟加载,图片延迟加载和无限下拉加载一样,对js支持不太好的搜索引擎都是一个非常坏的功能,虽然大幅度的提高了网站的访问速度,但是搜索引擎也搜索不到了。
jQuery图片延迟加载Lazyload。代码:
Jquery在1.6版本的时候在CheckBox属性获取这一块有些许更新。
OBJ.attr('checked'): 在1.6之后的版本,所获取的值是 "checked"/"underfined" .