2011年7月12日 星期二

CSS Hack

284136_2149569028578_8211536_n

只要是網頁設計師,就沒辦法避免碰到IE的惡夢,網路上也有提供一些CSS Hack的方法,讓設計師可以解決IE不聽話的問題。

基本上用的方法是使用IE瀏覽器會認的一些符號,而其他瀏覽器認不出來的方式去做CSS Hack的動作。
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */

像這樣照順序,在CSS前面加個符號就可以做到CSS Hack了。

另外也可以使用html去辨識IE的版本來做分辨CSS的動作。
<!--[if lt IE 7]>
IE6 才會執行
<![endif]-->
<!--[if IE]>
IE 才會執行
<![endif]-->
<!--[if gte IE 8]>
IE8以上(包含IE8)才會
<![endif]-->
<!--[if !IE]>-->
<>使用的瀏覽器不是IE 。</>
<!--<![endif]-->


祝大家使用愉快。

參考資料
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...