服務(wù)熱線
153 8323 9821
你對(duì)兼容IE6,IE7,IE8,Firefox瀏覽器的方法是否熟悉,這里和大家分享一下全面兼容IE6,IE7,IE8,Firefox的CSS HACK寫(xiě)法,希望對(duì)你的學(xué)習(xí)有所幫助。
全面兼容IE6,IE7,IE8,Firefox的CSS HACK寫(xiě)法
寫(xiě)頁(yè)面設(shè)計(jì)的朋友們,經(jīng)常為瀏覽器CSS的兼容性頭痛不已,經(jīng)過(guò)本人的仔細(xì)研究發(fā)現(xiàn)一種好的寫(xiě)法,現(xiàn)在與大家分享CSS HACK寫(xiě)法。
CSS代碼:
- <styletypestyletype=”text/CSS”>
- #body{
- border:2pxsolid#00f;/×Firefox的屬性×/
- border:2pxsolid#090\9;/×IE6/7/8的屬性×/
- border:2pxsolid#F90\0;/×IE8支持×/
- _border:2pxsolid#f00;/×IE6的屬性×/
- }
- </style>
Html代碼:
- <dividdivid=”body”>
- <ul>
- <li>Firefox下藍(lán)邊</li>
- <li>IE6下紅邊</li>
- <li>IE7下綠邊</li>
- <li>IE8下黃邊</li>
- </ul>
- </div>
注:CSS順序不能寫(xiě)錯(cuò),因?yàn)镕irefox不認(rèn)識(shí)\9,\0,_寫(xiě)法,所以為藍(lán)邊;\9是IE6,IE7,IE8的屬性,下面代碼并沒(méi)有重寫(xiě)IE7的代碼,所以IE7下綠邊;同理,\0為IE8屬性,相當(dāng)于重寫(xiě)了顏色,所以IE8下為黃邊,_是IE6的屬性,重寫(xiě)顏色為紅邊。