word版可編輯-網(wǎng)頁設(shè)計(jì)面試題目精心整理(編輯修改稿)
2025-04-20 05:18 本頁面
【文章內(nèi)容簡介】 ground:green。、IEIE6 程序代碼background:orange。*background:green !important。*background:blue。、IEIE7和IE6顯示值 程序代碼selector{ property:value。 /* 所有瀏覽器 */ property:value\9。 /* 所有IE瀏覽器 */ +property:value。 /* IE7 */ _property:value。 /* IE6 */ }IE都能識別*，標(biāo)準(zhǔn)瀏覽器(如FF)不能識別*；IE6能識別*，但不能識別!important；IE7能識別*，也能識別!important；FF不能識別*，但能識別!important；于是大家還可以這樣來區(qū)分IE6，IE7，F(xiàn)irefox : 程序代碼background:orange。*background:green。_background:blue。不管是什么方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面。以下兩種方法幾乎能解決現(xiàn)今所有HACK1 !important隨著IE7對!important的支持, !important 方法現(xiàn)在只針對IE6的HACK.(.) 程序代碼wrapper{width: 100px!important。 /* IE7+FF */width: 80px。 /* IE6 */}2 IE6/IE77對FireFox*+html 與 *html 是IE特有的標(biāo)簽，F(xiàn)irefox 暫不支持。而*+html 又為 IE7特有標(biāo)簽。注意:*+html 對IE7的HACK 必須保證HTML頂部有如下聲明： 程序代碼!DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN 其他兼容技巧1 Firefox下給 DIV 設(shè)置 padding 后會導(dǎo)致 width 和 height 增加，但I(xiàn)E不會(可用!important解決)。2 居中問題1）垂直居中：將 lineheight 設(shè)置為 當(dāng)前 DIV 相同的高度, 再通過 verticalalign: middle。2）水平居中： margin: 0 auto。(當(dāng)然不是萬能)；3）若需給 a 標(biāo)簽內(nèi)內(nèi)容加上 樣式, 需要設(shè)置 display: block。(常見于導(dǎo)航標(biāo)簽)；4）Firefox 和 IE 對 BOX 理解的差異導(dǎo)致相差 2px ，還有設(shè)為 float的DIV在IE下 margin加倍等問題；5）ul 標(biāo)簽在 Firefox 下面默認(rèn)有 liststyle 和 padding .，最好事先聲明， 以避免不必要的麻煩；6）作為外部 wrapper 的 DIV 不要定死高度, 最好還加上 overflow: hidden。以達(dá)到高度自適應(yīng)；針對Firefox IE6 IE7的CSS樣式現(xiàn)在大部分都是用!important來Hack，對于IE6和Firefox測試可以正常顯示，但是IE7對!important可以正確解釋，會導(dǎo)致頁面沒按要求顯示！找到一個(gè)針對IE7不錯(cuò)的Hack方式就是使用*+html，應(yīng)該沒有問題了。 程序代碼kyogo { color: 333。 } /* Moz */* html kyogo { color: 666。 } /* IE6 */*+html kyogo { color: 999。 } /* IE7 */那么在Firefox下字體顏色顯示為333，IE6下字體顏色顯示為666，IE7下字體顏色顯示為999。CSS布局中的居中問題主要的樣式定義如下： 程序代碼body { textalign: center。}center { margin: 0 auto。 }首先在父級元素定義textalign: center。這個(gè)的意思就是在父級元素內(nèi)的內(nèi)容居中；對于IE這樣設(shè)定就已經(jīng)可以了。但在Mozilla中不能居中。解決辦法就是在子元素定義時(shí)候設(shè)定時(shí)再加上margin: 0 auto。 來實(shí)現(xiàn)兼容。需要說明的是，如果你想用這個(gè)方法使整個(gè)頁面要居中，建議不要套在一個(gè)DIV里，你可以依次拆出多個(gè)DIV，只要在每個(gè)拆出的DIV里定義margin: 0 auto。 就可以了。浮動(dòng)IE產(chǎn)生的雙倍距離 程序代碼box{ float:left。 width:100px。 margin:0 0 0 100px。 //這種情況之下IE會產(chǎn)生200px的距離 display:inline。 //使浮動(dòng)忽略}這里細(xì)說一下
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號-1