記一個IE瀏覽器相容模式與IE文件模式不一致的問題

阿新 • • 發佈：2019-01-20

今天遇到一個IE相容的奇葩問題，瀏覽器相容模式為9，但是文件模式為7。

仔細看了一下設定相容的程式碼： <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 這個東西本身是對的，沒有問題。

那麼猜想就是它的位置錯了：

<head>
<title>Kewen Hello</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

這個明顯也是對的，於是產生了困惑。繼續往上找程式碼，發現有一行css樣式的引入放在的head上面：

<link rel="stylesheet" type="text/css" href="workflowHome.css" />
<head>
<title>Kewen Hello</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

調整了一下位置，把css放到head裡面，於是對了。

這裡記錄一下，標準順序是：

<head>
<title>Kewen Hello</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="hello.css" />

<script type="text/javascript" src="hello.js"></script>
</head>

head標記打頭，然後寫title，然後是相容模式設定，然後載入css，最後載入js。

說明一下：

1.title，相容設定，css和js都要寫在head內才能生效。

2.相容模式那一行要寫在title後才生效。

3.css寫在js之前載入，提高頁面載入速度。因為JS載入之後需要執行，而css不需要。

最後忍不住吐槽一下，IE真是爛啊，各種問題都導致它崩潰，各種版本不相容。。。。。。寫個前臺程式碼，IE瀏覽器就是噩夢~~

記一個IE瀏覽器相容模式與IE文件模式不一致的問題

今天遇到一個IE相容的奇葩問題，瀏覽器相容模式為9，但是文件模式為7。仔細看了一下設定相容的程式碼： <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 這個東西本身是對的，沒有問題。那麼猜想

Edge，IE瀏覽器相容模式設定

1.前兩天幫別人查教師資格證分數，發現只能用核心為IE的瀏覽器且是相容模式才可以進入該網站，下面是用谷歌瀏覽器訪問該網站給的提示： 2.我的電腦是win10系統，然後去用Edge瀏覽器去訪問該網站，依舊是上面的提示，說明瀏覽器不是相容模式，進入Edge瀏覽器設定中，如下圖操作：

div css Firefox和IE瀏覽器相容問題用CSS實現cellSpacing屬性效果

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

頁面中設定IE瀏覽器的文件模式

css：IE瀏覽器相容常見的bug

IE瀏覽器相容常見的幾種bug： 1.沒有使用正確的doctype，應該正確宣告doctype。 2.各瀏覽器對不同標籤的初始值不同，需要進行css初始化。下面有幾種css初始化示例程式碼：雅虎工程師提供的CSS初始化示例程式碼 body,div,dl,dt,dd

IE瀏覽器相容☞css hack

ie瀏覽器的相容問題，各位前端的小夥伴肯定有不少，頭疼的記憶；目前w3c標準，對html5,css3都已經標準化，各大瀏覽器廠商也都對瀏覽器進行了升級改造；但是在某些行業，如國企，銀行，等一些傳統企業，依然再用IE8甚至更老的版本瀏覽器，而且

js獲取ie版本號與html設定ie文件模式的方法

1*JavaScript獲取ie版本程式碼： var gIE = getIE(); alert(gIE.version) function getIE() { var rmsie = /(msie) ([\w.]+)/; var ua = navigator.u

IE瀏覽器相容問題

1.flex-direction: column;不豎向排列解決方案：在IE中，flex-direction: column和align-item不能同時使用,需要把align-item刪掉 2.位置偏移解決方案：在高版本瀏覽器中使用了position:absolu

低版IE常見相容問題與css hack

一、常見IE低版相容解決方式 1、通過html頁面條件註釋 2、css 選擇器字首法 3、css 屬性字首法（親測） \0 ie8+ \9 ie10- \9\0 ie9

解決舊版 IE 瀏覽器相容問題

IE下大部分相容性都是因為haslayout屬性的觸發問題,儘量觸發haslayout屬性,可以減少很多IE下得相容性問題,例如: 在IE6下,子級的寬度會撐開父級設定好的寬度. 準確設定好寬度. IE6中,元素浮動,如果寬度需要有內容撐開需要給裡面

如何快速處理IE瀏覽器相容

如何快速處理IE瀏覽器相容一、基本樣式相容處理最近專案需要突然要求相容到ie6，已經做好的東西處理起來讓人有點崩潰，敲起來簡直可怕。

ie瀏覽器相容問題彙總

1，若直接給一個元素設定absolute定位。在瀏覽器縮放的時候。位置會錯位。解決的方法是給外層的元素設定為relative定位。 2，低版本ie瀏覽器不支援placeholder屬性 3，盒模型上規定了垂直邊界重疊，若父元素有一個向上的margin值（10px），其子元素有一個向上的margin值（20p

a標籤IE瀏覽器相容問題

a標籤中如果有button, 那麼在IE下就不能跳轉到herf的連結。而火狐和google中可以如下：此種在IE中不可以。這邊的class中的屬性只用於按鈕樣式。 <a href="jsp/manage/manage-context.jsp"><inp

IE瀏覽器相容9/10/11版本(針對老專案而言)

對於老專案只支援IE7/8/9搞後臺的朋友,不用太擔心相容是前端人員搞得事兒了,我們也可以.之前也是花了近兩週的時間在網上找了各種資料,什麼最簡單的相容方法啊還是一行程式碼教你解決此類問題等等...多數還是以參考為主,目前我們相對來說比較老的一個專案,以前只支援IE9,現在想

[ IE瀏覽器相容問題 ] Web Uploader 在IE、FireFox下點選上傳沒反應

一、專案原始碼： > html > js 初始化外掛：事件繫結：avalon > web > 報錯： - IE: 指令碼缺少物件 - FireFox

IE瀏覽器相容問題之initial關鍵字

在專案開發中遇到了IE瀏覽器的相容問題。前端使用VUE框架+Element UI元件，在寫一個dialog時，使用el-switch，在chrome下除錯時，沒有發現問題，元件居左，如下圖在IE瀏覽器下開啟，發現元件居中了，如下，按F12檢視元素，

相應鍵盤事件，相容firefox與IE

在IE下，我們可以在使用這樣的程式碼獲得鍵盤的按鍵： view plaincopy to clipboardprint?var val= event.keyCode; var val= event.keyCode; 但是，這句程式碼在Firefox下就無法使用。而且，ev

Webuploader IE瀏覽器相容問題（點選無反應）解決

最近專案中需要做檔案上傳，用到了Webuploader ，經過全面除錯在chrome ,火狐等瀏覽器除錯都沒問題，但是測試人員反應在IE瀏覽器點選沒反應，選擇檔案視窗未彈出。開發過程並未使用IE瀏覽器除錯過，所以忽略了這一問題。首先想到的就是外掛對ie 瀏覽器的相容問題。

js判斷是否是ie瀏覽器且給出ie版本，IE67891011

之前懶得寫判斷ie版本js，因為網上關於這方面的程式碼太多了，所以從網上拷貝了一個，放到專案上才發現由於時效性的問題，程式碼不生效。就自己寫一個吧。怎麼去看瀏覽器的核心等資訊 ---- js的全域性物件window子屬性navigator.userAgent，這個屬性是包含了瀏覽器資訊的

IE 瀏覽器embed標籤src屬性為空，不能開啟網頁

前言：今天看到網站在IE上不停的轉圈圈（頁面基本顯示出來了），當時所有的JS都失效了，本著本職工作責任心，開始了找bug之路，但是過程比想象中要艱辛，一開始以為是base標籤有問題導致JS載入不到，後來認為是js衝突導致所有js執行失敗（又替換了順序，又替換了好多個JS版本），最

記一個IE瀏覽器相容模式與IE文件模式不一致的問題

相關推薦