2012年11月12日 星期一

[CSS Hack]解決IE6、IE7、IE8、Firefox、safari的瀏覽器相容性問題!

參考網頁:http://sofree.cc/ie6-ie7-ie8-firefox-css-hack/





.className {

font-size:12px; \*這一行所有瀏覽器都看得懂,所以是給Firefox套用的*\
font-size:14px\9; \*這一行則是所有的ie都看得懂*\
font-size:14px\0;   \*這一行只有ie8看得懂*\
[;font-size:16px;] \*這一行專門給Chrome跟Safari用,不過IE6跟7也看得懂喔*\
*font-size:18px; \*這一行給ie7*\
_font-size:20px; \*這一行給ie6*\

}


給Firefox套用的要寫在給Google Chrome跟Apple Safari使用的前面,
否則firefox上的會無效。

給Google Chrome跟Apple Safari使用的css hack一定要寫在ie8的設定後面,
若是沒有依照此種順序,將會造成後續ie6與ie7的css hack設定無效。

沒有留言:

張貼留言