1.Firefox1.失败破解:使用jqueryUI:datepicker插件。(1)下载插件,放在工程文件夹下;(2)在需要的页面引入,比如:这个脚本是和页面相关的需要对应的js位置在no特定顺序;(3)点击触发pick事件,func(pic);调用$("#datepicker").datepicker();使用参数写入:$("#datepicker").datepicker({numberOfMonth:3,//连续3numberOfMonth:[3,2],//三行每行2});2.ie81。Roundedcorners:border-radiusinvalidhack:使用一个可以使ie兼容css3新属性的插件,这里介绍pie.htc。(1)下载pie.htc;http://css3pie.com/(2)部署在你的工程文件中,我习惯放在js下,但是,正如官网所说,“具体放在哪里无所谓,只要你知道放在哪里这是。”;(3)写样式,加上兼容,如:a.level0span.button{width:10px;高度:10px;背景:#999;边界半径:50%;-webkit-边框半径:50%;-moz-边界半径:50%;behavior:url(view/js/pie.htc)//值得注意的是,附加的兼容路径不是相对于当前css文件,//是对应的html/jsp文件。个人觉得官网只有说明,没有例子,不是很好。}2.Gradient:background-image:linear-gredient()failurehack1:使用兼容的插件。方法和上面的前两步(1)、(2)、(3)一样,写样式加上兼容,比如:nav{background:linear-gradient(#8fb8ff0%,#fff100%);背景:-webkit-linear-gradient(#8fb8ff0%,#fff100%);背景:-moz-linear-gradient(#8fb8ff0%,#fff100%);-饼图背景:线性渐变(#8fb8ff0%,#fff100%);//ie6-9行为:url(view/js/pie.htc);}hack2:使用兼容的语法。背景:线性渐变(#8fb8ff0%,#fff100%);背景:-webkit-linear-gradient(#8fb8ff0%,#fff100%);背景:-moz-linear-gradient(#8fb8ff0%,#fff100%);过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#E5000000',GradientType=0);//GradientType:0垂直渐变,1水平渐变或更多不同的方法在不同的场景下各有优缺点。在项目开发中,可以尝试使用兼容性更好的。3.结构伪类选择器:nth-??of-type()failurehack:ie8支持first-child,改代码。a.level0span:nth-of-type(1)——>a.level0span:first-childa.level0span:nth-of-type(2)——>a.level0span:first-child+span//第二个子节点a.level0span:nth-of-type(3)——>a.level0span:first-child+span+span//第三个子节点//以此类推4.boxshadow:box-阴影失败hack:pie.htcdiv{wdith:100px;高度:100px;背景:#fff;//虽然背景是白色,但是最好设置一下,不然兼容后的效果可能不太理想box-shadow:10px10px10p#aaa;行为:url(view/js/pie.htc)}5。透明色rgba()失败hack:pie.htc.contaniner{width:100px;高度:100px;背景:rgba(0,0,0,0.5);-饼图背景:rgba(0,0,0,0.5);行为:url(view/js/pie.htc);}6.有默认的borderhack:在css文件中控制就好,比如input[type="checkbox"]{border:none;}7.顺便介绍一下filter过滤器,这是一种用于过滤不同浏览器的hack类型。(1)9:所有IE浏览器支持(2)0:IE8、IE9支持,opera部分支持(3)90:IE8部分支持,IE9支持(4)09:IE8、IE9支持如:background:#0f0;//chrome和firefox显示绿色背景\0:#00f;//即显示蓝色