CSS設計必備-好用的IETester

昨天請朋友幫我看Blog，沒想到他跟我說他用IE8看我Blog版面亂掉
由於手上只有firefox跟opera、IE6三種瀏覽器，原以為這三種固好
應該都沒問題了，沒想到IE7後還是出現了問題
這真是CSS設計一大難點

後來找了一套IETester，目前的版本可以測試IE5.5~IE8這些版本
真替我解決了不少困擾，下面是網址

http://www.my-debugbar.com/wiki/IETester/HomePage

之後就可以很容易進行一些CSS hack的技術了
舉個例子，想要設置屬性的時候

margin:0px;/*原始CSS屬姓設置，firefox跟IE等都適用，我通常用來處理firefox跟opera*/
*margin-top:-2px; /* IE系列適用，我通常用來處理IE7跟IE8*/
_margin-top:-2px; /* IE 6 only，我通常用來處理IE6*/


或者想要設置元素

#my { /*通用設置*/}
html>body #my{ /*針對firefox 去寫*/}
*+html>body #my{ /*針對IE7去寫*/}


其它還有很多CSS hack方法
這裡連結兩個我覺得整理還蠻詳細的部落格
http://flash-silverlight.blogspot.com/2009/03/css-hackie6ie7ie8firefoxopera.html
http://ezcshi.pixnet.net/blog/post/13325989