有關瀏覽器相容問題

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

標籤來解決。

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">

由於每次都追加base標籤比較繁瑣，而且在js中也無法引入，最終採用request中加入上下文資訊供資源引入時使用。方式如下：

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" />

二、關於換膚js使用方式

var href = "$/scripts/jquery-ui/development-bundle/themes/" + theme + "/jquery.ui.all.css";
$('#jquerycss').remove();
type
="text/css" />');

但是此方式在ie上無法達到換膚的效果，需要使用如下方式來強制讓ie進行頁面渲染：

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獲取顏色值：

在使用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;
}

有關瀏覽器相容問題

瀏覽器相容問題

瀏覽器相容問題

瀏覽器相容問題

相關推薦