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