摘要:注意事項頁面頭部頁面寬度設(shè)定為容器寬度規(guī)范屬性注意空格目前引入的兼容存在的問題無效改用等表單項樣式重寫需再設(shè)定需求的樣式然后加上其中為絕對路徑。
基于bootstrap2的兼容IE8工程講解
需要的外部庫:jquery1.8、font-awesome4.2、bootstrap2.3.2、html5.js、respond.js、ie-css3.htc
jquery版本在1.9以上不支持ie8,html5.js是聲明頁面采用HTML5標(biāo)準(zhǔn),respond.js讓頁面支持媒體查詢,ie-css3.htc為css3中某些屬性的兼容。
注意事項:頁面頭部
//頁面寬度設(shè)定為容器寬度css規(guī)范
background屬性
background:#f7fbff url(background.png) 0 0 no-repeat; //注意空格目前引入的兼容存在的問題:
display:inline-block;無效改用display:inline
input等表單項樣式重寫需border:none;再設(shè)定需求的border樣式然后加上
behavior:url(ie-css3.htc) 其中ie-css3.htc為絕對路徑。
.htc是個腳本文件,本身和js是同一類型。IE只承認(rèn)的文件格式是.htc,用來描述web行為,允許程序員把自定義功能連接到現(xiàn)有的元素和控件,而不是通過下載二進制文件(例如ActiveX控件)來完成這個功能。
局限性:當(dāng)前元素一定要有定位屬性(position:relative或position:absolute)
z-index值一定要比周圍元素高
支持的內(nèi)容:border-radius 四個角設(shè)置圓角屬性(只設(shè)置一個角無效)
box-shadow 陰影的參數(shù)box-shadow: 5px 3px 5px #000;(不支持除了#000之外的顏色)
text-shadow IE下的表現(xiàn)與Firefox/Safari/Chrome有一點點的差異
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/81164.html
摘要:也能使用更復(fù)雜的,更頁面增加更強的效果。這是因為當(dāng)頂級頁面設(shè)置為或,里面的頁面設(shè)置不起作用,它的文檔模式顯示的是。參考參考使用來搞定瀏覽器兼容模式強制標(biāo)準(zhǔn)模式標(biāo)準(zhǔn)模式與兼容模式設(shè)置背景 因為歷史原因,之前很多的系統(tǒng)都會是 頂級頁面+Iframe來加載子級頁面的這種模式構(gòu)件系統(tǒng),而且系統(tǒng)都只能運行在IE6或者IE 高版本兼容模式下(IE 7模式)。 隨著現(xiàn)在的審美原來越高,腳本能里越來越強,...
摘要:如果說有一天我的電腦壞了,硬盤燒了,我最難過的應(yīng)該是我的收藏夾沒能導(dǎo)出來,而不是,我的項目源碼,或者是的種子文件這里開一個不上大雅的小玩笑。在此我只是想說明,收藏夾對我的重要性。 這篇文章,我想要說說的是前端的收藏夾。在這里,我不探討任何一門技術(shù),我只探討如何管理自己。 科技在迅猛的發(fā)展,當(dāng)今這種信息化的時代下,我每天工作結(jié)束后都會做一件事情,管理我的收藏夾,然后導(dǎo)出我的收藏夾為htm...
摘要:如果說有一天我的電腦壞了,硬盤燒了,我最難過的應(yīng)該是我的收藏夾沒能導(dǎo)出來,而不是,我的項目源碼,或者是的種子文件這里開一個不上大雅的小玩笑。在此我只是想說明,收藏夾對我的重要性。 這篇文章,我想要說說的是前端的收藏夾。在這里,我不探討任何一門技術(shù),我只探討如何管理自己。 科技在迅猛的發(fā)展,當(dāng)今這種信息化的時代下,我每天工作結(jié)束后都會做一件事情,管理我的收藏夾,然后導(dǎo)出我的收藏夾為htm...
閱讀 3107·2021-02-22 17:12
閱讀 728·2019-08-30 15:55
閱讀 3106·2019-08-30 15:54
閱讀 1398·2019-08-29 16:56
閱讀 1869·2019-08-29 15:13
閱讀 1730·2019-08-29 13:19
閱讀 610·2019-08-26 13:40
閱讀 2829·2019-08-26 10:26