一、背景
在采用基于DIV+CSS的布局开发时，经常需要考虑各种浏览器版本的兼容性问题。
常用的布局模式主要包括：左中右、上中下，以及两种模式的结合。
在早期的开发，一般都采用Table标记的方式实现。
当尝试采用基于DIV的模式，发现一切都变的似乎没那么简单了。特别是浏览器的兼容性问题，更加突出了。
在采用基于DIV+CSS的布局开发时，经常需要考虑各种浏览器版本的兼容性问题。
常用的布局模式主要包括：左中右、上中下，以及两种模式的结合。
在早期的开发，一般都采用Table标记的方式实现。
当尝试采用基于DIV的模式，发现一切都变的似乎没那么简单了。特别是浏览器的兼容性问题，更加突出了。
下面分享四种方法来修改 Mac OS X Lion 系统中的 Hosts 文件，这四种方法都不会出现权限提示，而且 Mac OS X Snow Leopard(10.6) 用户也完全可以使用这些方法。
个人觉得第二种比较简单，嘿嘿～！
1、通过 VI 编辑器修改
个人觉得第二种比较简单，嘿嘿～！
1、通过 VI 编辑器修改
国外ui站点收集分享，多看看。
丹麦Icon设计师的主页 http://jonas.seph.ws/
生活在澳洲的19岁中国UI设计师 http://www.istartedsomething.com/
韩国icon工作室 http://www.zzve.com/
丹麦Icon设计师的主页 http://jonas.seph.ws/
生活在澳洲的19岁中国UI设计师 http://www.istartedsomething.com/
韩国icon工作室 http://www.zzve.com/
在PS中画图标 对抗锯齿现象
1.【编辑】-【首选项】-【常规】（快捷键ctrl+K）请确保你的[图像插值]设置为“两次立方（适用于平滑渐变）”。
2. 画图的时候，注意勾选“消除锯齿”。
3. 尽量使用【矩形工具】来画图，调节图形的时候，选用【路径选择工具】来调整，需要填充渐变的时候，选用【图层样式】中的【渐变叠加】。
提示：只要不是画像素图标，就必须要使用【矩形工具】、【钢笔工具】等等矢量工具来画图！只有矢量蒙版和剪贴蒙版的熟练使用才可以画出好看的图标。也只有这样，你的图标才不会处处出现锯齿！（如果只是长方形和正方形，那用普通的填充位图都是OK的。）
1.【编辑】-【首选项】-【常规】（快捷键ctrl+K）请确保你的[图像插值]设置为“两次立方（适用于平滑渐变）”。
2. 画图的时候，注意勾选“消除锯齿”。
3. 尽量使用【矩形工具】来画图，调节图形的时候，选用【路径选择工具】来调整，需要填充渐变的时候，选用【图层样式】中的【渐变叠加】。
提示：只要不是画像素图标，就必须要使用【矩形工具】、【钢笔工具】等等矢量工具来画图！只有矢量蒙版和剪贴蒙版的熟练使用才可以画出好看的图标。也只有这样，你的图标才不会处处出现锯齿！（如果只是长方形和正方形，那用普通的填充位图都是OK的。）
IE浏览器插件
•IE Developer Toolbar (DOM, CSS)
•Web Accessibility Toolbar (可读性及更多功能)
•XRAY, MRI (CSS)
•IE Developer Toolbar (DOM, CSS)
•Web Accessibility Toolbar (可读性及更多功能)
•XRAY, MRI (CSS)
今天在一外部网站调用我们的JS的时候发现了一个问题：
在IE浏览器 附加组件栏 出现一个 小眼睛 而且 我们的js无法在外部网站正常调用执行。
点击小眼睛发现提示 【基于您的隐私设置，某些Cookie限制或被阻挡】
然后列表里看到了，访问我们网站的路径，无论图片还是样式css,js等都让阻挡了。
在IE浏览器 附加组件栏 出现一个 小眼睛 而且 我们的js无法在外部网站正常调用执行。
点击小眼睛发现提示 【基于您的隐私设置，某些Cookie限制或被阻挡】
然后列表里看到了，访问我们网站的路径，无论图片还是样式css,js等都让阻挡了。
近日，在一个项目中遇到了，"internet explore 无法打开internet站点 http://www.xxx.com/xxx.html 已终止操作",而且发现这个问题只在IE6下出现
这是因为在IE下,在加载文档的过程中,整个HTML文档的DOM结构尚未生成完整,而此时正在执行的JS就已创建出新的DOM结点了,致使DOM树的结构发生紊乱。
解决方法大概有两种:
1、加载完成判断
if (document.readyState=="complete"){
这是因为在IE下,在加载文档的过程中,整个HTML文档的DOM结构尚未生成完整,而此时正在执行的JS就已创建出新的DOM结点了,致使DOM树的结构发生紊乱。
解决方法大概有两种:
1、加载完成判断
if (document.readyState=="complete"){
