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