網(wǎng)站設計好了,設計師準備交稿。在ie6里面顯示正常,但拿到ie7.8里面,就面目全非了。這種情況,我們專(zhuān)業(yè)人士認為是css hack問(wèn)題。為什么有這種說(shuō)法呢,css hack就是不同的瀏覽器,對css語(yǔ)句的解釋和執行結果不一樣。導致他們的樣式有差別。
但是,工期較緊,不能做大面積改變的我們怎么辦呢?
其實(shí),設計界的前輩早就總結出了解決這些問(wèn)題的經(jīng)驗。不妨先試試它們。
只需要使用一小段簡(jiǎn)單的JS代碼即可輕松解決這一問(wèn)題。
IE7網(wǎng)站設計JS代碼為:
<!–[ifltIE7]> <scriptsrcscriptsrc=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js”type=”text/javascript”></< span>script> <![endif]–>
IE8網(wǎng)站設計JS代碼為:
<!–[ifltIE8]> <scriptsrcscriptsrc=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js”type=”text/javascript”></< span>script> <![endif]–>
原理為調用一個(gè)在GoogleCode上的項目。
如果我們的網(wǎng)站設計作品在IE7上沒(méi)有問(wèn)題,IE8上顯示有問(wèn)題,而我們又不想做大量的修改,加重網(wǎng)站設計工作量,那么只需要加入
<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>
親,作為設計師的你,這些應該能看懂吧。呵呵!