1. 第一行 增加 "">
此標示瀏覽器用什麼html標準對內容進行解析
2. 在head裡面增加 http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
對於ie瀏覽器,使用最新的瀏覽器模式瀏覽內容。
一、關於base標籤的使用在上面的示例**中,base標籤是為頁面上的所有鏈結規定預設位址或缺省目標,但base標籤在ie瀏覽器的使用上需要特殊注意,其作用範圍與其他瀏覽器(chrome、firefox等)不同,在其他瀏覽器中其作用域是整個頁面,而在ie中,只對第乙個引入的資源生效,例如頁面引入資源如下:
href="$
/" />
rel="stylesheet"
type="text/css"
href="scripts/pagelayout/layout-default-latest.css" />
rel="stylesheet"
href="scripts/jquery-ui/development-bundle/themes/ui-lightness/jquery.ui.all.css">
layout-default-latest.css
資源可被正常引入,而
jquery.ui.all.css
資源無法正常引入。通過網上查詢相關資料,問題定位為
ie的頁面快速渲染機制存在
bug,該問題可以通過公升級包(
kb974455
)進行修復。或者在引入資源前都加入
base
標籤來解決。
由於每次都追加base標籤比較繁瑣,而且在js中也無法引入,最終採用request中加入上下文資訊供資源引入時使用。方式如下:href="$
/" />
rel="stylesheet"
type="text/css"
href="scripts/pagelayout/layout-default-latest.css" />
href="$
/" />
rel="stylesheet"
href="scripts/jquery-ui/development-bundle/themes/ui-lightness/jquery.ui.all.css">
二、關於換膚js使用方式id="jquerycss"
rel="stylesheet"
type="text/css"
href="$
/scripts/pagelayout/layout-default-latest.css" />
rel="stylesheet"
href="$
/scripts/jquery-ui/development-bundle/themes/ui-lightness/jquery.ui.all.css">
rel="stylesheet"
type="text/css"
href="$
/scripts/formvalidationengine/css/validationengine.jquery.css" />
但是此方式在ie上無法達到換膚的效果,需要使用如下方式來強制讓ie進行頁面渲染:var href = "$/scripts/jquery-ui/development-bundle/themes/" + theme + "/jquery.ui.all.css";
$('#jquerycss').remove();
type
="text/css" />');
三、jquery獲取顏色值:var href = "$/scripts/jquery-ui/development-bundle/themes/" + theme + "/jquery.ui.all.css";
$(#jquerycss).attr("type","");
$(#jquerycss).attr("href", href);
$(#jquerycss).attr("type","text/css");
在使用jquery(「#colorid」).css(「color」)取值時,不同的瀏覽器或版本獲取到的顏色值會不同,有些瀏覽器獲取到的顏色值時#9c9ef(16進製制格式),有些瀏覽器則返回rgb(x,x,x)類。如需求需要獲取到16進製制顏色值,可通過瀏覽器版本判斷來對rgb類顏色值進行轉換,轉換函式如下rgb2hex('rgb(151, 203, 255)' ):
function
rgb2hex(rgb)
hexar.push(hex[c]);
hexcolor += hexar.reverse().join('');
} return hexcolor;
}
瀏覽器相容問題
我經常看到一些人提問說網頁錯位,和在火狐裡面看上去網頁是好的,在ie在錯位了.在web 下html css裡全看一些關於這些問題.還有有ul li什麼調整不好的.等等 全可以用css hack 解決的.解決方法 用positon relative 然後 top 0px left 0px 上面的top...
瀏覽器相容問題
給近兩天的工作乙個總結,給這週劃上句號。工作中遇到了在google顯示的很好的介面,在ie顯示的不是很好,但還能看,僅僅是顏色和和位置錯位,在360瀏覽器下看就是真的錯誤太大了,不顯示,樣式也亂了,於是走上解決瀏覽器相容之路。思路1 對應每個瀏覽器寫個css,判斷之,工作量太大,放棄。思路2 針對每...
瀏覽器相容問題
所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同 段 有不同的解析,造成 顯 效果不統 的情況。在 多 數情況下,我們的需求是,論 戶 什麼瀏覽器來檢視我們的 站或者登陸我們的系統,都應該是統 的顯 效果。所 以瀏覽器的相容性問題是前端開發 員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...