浏览器兼容性

解决IE6浮动外边距双倍问题:

float:left;
margin-left:100px;
display:inline;     // 加此行解决IE6左外边距显示200px的问题

解决IE6input文本默认对齐不是居中问题:

input{
  width:200px;
  height:30px;
  line-height:30px;    //加此行解决IE6文本非居中的问题
}

透明度:

#div{
  filter:alpha(opacity=50);        //IE
  opacity:0.5;                     //其他浏览器
  background-color:red;
}

网页灰度:

html{
  filter:gray;   //IE浏览器
  -webkit-filter:grayscale(100%);    //谷歌浏览器 ,不支持火狐
}
//引用grayscale.js脚本,支持所有浏览器

其他兼容问题: