说说CSS Hack 和向后兼容
人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。
在解决兼容方法上，想定出一个统一的规范，个人认为应该以下面3点为基本原则：
权衡成本：在浏览器被淘汰后，如何快速清理掉无用代码
可维护：在资源成本和完美间平衡的向后兼容
可读：省力、易记
这里把成本放在了第一位，并不是说我们不愿意追求完美，而只是，太刻意追求完美有时候可能会阻碍我们前进；在成本后，应该是可维护和可读，这点对于团队的合作来说至关重要，而最终结果也是为了减少成本。
先把这三个原则存起来，来看看我们平时解决兼容的写法（后面会附详细的Hack方法列表）：
一、CSS 选择器 Hack
1
2
3
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body
.sofish
{
display
:
block
;
}
}
这种写法的优缺点是：
优点：全面，各种HACK都有；清理无用代码里易认
缺点：选择器名称不易记；代码量多（要重复写选择器）
二、CSS 属性 Hack
1
2
3
4
5
6
7
8
.sofish
{
padding
:
10px
;
padding
:
9px
\9
;
/* all ie */
padding
:
8px
\0
;
/* ie8-9 */
*
padding
:
5px
;
/* ie6-7 */
+
padding
:
7px
;
/* ie7 */
_padding:
6px
;
/* ie6 */
}
这种写法的优缺点是：
优点：易记；代码少
缺点：不全面
三、IE 注释
1
2
<!--[if IE]>IE only<![endif]-->
<!--[if !IE]>NOT IE<![endif]-->
这种写法的优缺点是：
优点：安全；向后兼容好；易维护
缺点：�
相关文档：
预读内容对于部分网速慢，或者加载内容过多的页面，是非常有效的提高友好程度的方法。防止出现由于样式表，和关键图片加载滞后，导致的页面布局错乱，以及关键图片不能马上展示。
也可以防止由于页面信息加载不全，导致js出错。
经过一番尝试，此方法可以兼容IE及其他浏览器。
在IE下 用 new Image().src
的形式进行 ......
Web前端
网页设计中CSS布局是很重要的部分，下面介绍几种检查调试CSS布局的有效方法。
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的 ......
使用asp.net 开发wap 网站，在ishtml32下，如果手机浏览器支持ishtml32,但是 SupportsCss=False 时，想加载css文件时，采用重写mobile:form的方法来实现
using System;
using System.Configuration;
using System.Web.UI.MobileControls;
using System.Web.UI.MobileControls.Adapters;
public class MyForm : Form
{ ......
AJAX自从引进了Tab，着实让我开心了一番。但是，在调整Tab的样式的时候，也着实让我吃了一惊。
于是，抱着没有困难也要制造困难的原则，开始了征途：
按照Tab作者Ronald Buckton所说，Tab的CSS包含如下几个类：
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
