?????????????
???????????bug??????????????????????????????????????????????????е?????Ч??????????????????飺
????1. ???????????
????2. ??????????????????
????3. ??????IE6/7??*??_
????4. ?????????IE8??9
????5. ????????÷??????IE??hack
????6. ??????°汾??Firefox??Chrome??Safari????κ?hack
????1. ???????????
????????????κο???????????????????????????????????????????????????????????????????????????????汾???????????????д??????????????????????????????????????????磺
????.foo{
????background-color: #ccc; /* older browsers will use this */
????background-color: rgba(0??0??0??0.2); /* browsers that understand rgba will use this */
????}
????2. ??????????????????
????????????????????????????????δ????????????????á????磺
????.foo{
????background: #1e5799; /* Old browsers */
????background: -moz-linear-gradient(top?? #1e5799 0%?? #2989d8 50%?? #207cca 51%?? #7db9e8 ); /* FF3.6+ */
????background: -webkit-gradient(linear?? left top?? left bottom?? color-stop(0%??#1e5799)?? color-stop(50%??#2989d8)?? color-stop(51%??#207cca)?? color-stop(??#7db9e8)); /* Chrome??Safari4+ */
????background: -webkit-linear-gradient(top?? #1e5799 0%??#2989d8 50%??#207cca 51%??#7db9e8 ); /* Chrome10+??Safari5.1+ */
????background: -o-linear-gradient(top?? #1e5799 0%??#2989d8 50%??#207cca 51%??#7db9e8 ); /* Opera 11.10+ */
????background: -ms-linear-gradient(top?? #1e5799 0%??#2989d8 50%??#207cca 51%??#7db9e8 ); /* IE10+ */
????background: linear-gradient(top?? #1e5799 0%??#2989d8 50%??#207cca 51%??#7db9e8 ); /* W3C */
????}
????????????????????????????汾webkit????????????????????????????汾??????????д??????????????
????????????W3C????????????????e???????????????????????У????????????????????????Щ???????????????????????????????
????3. ??????IE6/7??*??_
?????????汾IE???е?bug?????*??_??????????磺
????.clearfix {
????overflow: hidden; /* new formatting context in better browsers */
????*overflow: visible; /* protect IE7 and older from the overflow property */
????*zoom: 1; /* give IE hasLayout?? a new formatting context equivalent */
????}
???????е?IE hack?????????汾??????????????????????磺
????_ ???IE6?????汾
????* ???IE7?????汾
????9 ???IE8?????汾 ?????IE9???ЩCSS????????????????hack??У?
?????????hack?????????????????????汾??????????д??????????????
????4. ?????????IE8??9
????????????????9?????IE8???????????bug???????????????????????????9????“????”????????????????box-shadow???????????????????????????????IE8?o????????????????9?????????????border????????????????????????(????????)???????????????????????????????????????????е??????
????5. ????????÷??????IE??hack
??????????????IE?е?????????Ч???????????????????HTTP?????????HTML/JS/CSS?????????????IE6-8?????????????Ч????????????????????????“????”??
?????????????????????????????hack?????磬??????filter????CSS3??????Ч????????????????????????bug???????????????????????????????????????ж?????????????????IE 6-8?????????????????????????????????饗????????????????????
????????????????????filter????CSS3???gradient??
????.foo {
????filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799'?? endColorstr='#7db9e8'??GradientType=0 ); /* IE6-9 */
????}
????6. ??????°汾??Firefox??Chrome??Safari????κ?hack
????????Firefox??Chrome??Safari??????bug?????????????飬???п????????????????Υ????CSS?????