讓IE6-IE7-FF的CSS樣式一致

來源:互聯網
上載者:User

現在主流的瀏覽器分別是:Internet Explorer 6, Internet Explorer 7和Firefox 2。這讓我們在網站設計中不得不考慮如何使樣式“crossover”。這裡介紹一個較為簡單的方法使樣式的顯示效果在上述三種瀏覽器中保持一致。
首先我們針對Firefox 2設計了如下的樣式代碼:
#MyDiv { margin : 10px 10px 10px 10px; } 然後針對Internet Explorer 6進行樣式修改,使用如下的代碼語句,該代碼只能被 IE 6 識別:
/* IE6 Only */
* html #MyDiv { margin : 5px 5px 5px 5px; }最後針對Internet Explorer 7進行如下樣式修改,該代碼也只能被 IE 7 識別:

/* IE7 Only */
*:first-child+html #MyDiv { margin : 2px 2px 2px 2px; }通過上面的方法,你應該能夠讓你的設計樣式更具通用性了

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.