1. 程式人生 > >IE系列相容性hack大全

IE系列相容性hack大全

IE條件註釋語句
一、條件註釋簡介
IE中的條件註釋(Conditional comments)對IE的版本和IE非IE有優秀的區分能力,是WEB設計中常用的hack方法。
條件註釋只能用於IE5以上。
如果你安裝了多個IE,條件註釋將會以最高版本的IE為標準。
條件註釋的基本結構和HTML的註釋(<!– –>)是一樣的。因此IE以外的瀏覽器將會把它們看作是普通的註釋而完全忽略它們。
IE將會根據if條件來判斷是否如解析普通的頁面內容一樣解析條件註釋裡的內容。

二、條件註釋屬性
gt : greater than,選擇條件版本以上版本,不包含條件版本
lt : less than,選擇條件版本以下版本,不包含條件版本

gte : greater than or equal,選擇條件版本以上版本,包含條件版本
lte : less than or equal,選擇條件版本以下版本,包含條件版本
! : 選擇條件版本以外所有版本,無論高低

三、條件註釋使用方法
注意把程式碼中的<>換成英文中相應的大於或小於號
<!--[if IE 5]>僅IE5.5可見<![endif]-->
<!--[if gt IE 5.5]>僅IE 5.5以上可見<![endif]-->
<!--[if lt IE 5.5]>僅IE 5.5以下可見<![endif]-->

<!--[if gte IE 5.5]>IE 5.5及以上可見<![endif]-->
<!--[if lte IE 5.5]>IE 5.5及以下可見<![endif]-->
<!--[if !IE 5.5]>非IE 5.5的IE可見<![endif]-->
下面的程式碼是在非IE瀏覽器下執行的條件註釋
<!--[if !IE]><!-->
您使用不是 Internet Explorer
<!--<![endif]-->
<!--[if IE 6]><!-->
您正在使用Internet Explorer version 6或者 一個非IE 瀏覽器

相關推薦

IE系列相容性hack大全

IE條件註釋語句一、條件註釋簡介IE中的條件註釋(Conditional comments)對IE的版本和IE非IE有優秀的區分能力,是WEB設計中常用的hack方法。條件註釋只能用於IE5以上。如果你安裝了多個IE,條件註釋將會以最高版本的IE為標準。條件註釋的基本結構和HTML的註釋(<!– –&g

CSS hack IE常見相容性問題

1、hack是什麼? Hack是基於開源的程式的基礎,對其程式碼進行增加、刪除或者修改、優化,使之在功能上符合新的需求。 2、css hack是什麼? 不同的瀏覽器,對css樣式相容不同,css hack就是針對瀏覽器的不同,編寫不同的css樣式。 3.css相容方式 (1)瀏

JS元件系列——Bootstrap Table 凍結列功能IE瀏覽器相容性問題解決方案

前言:最近專案裡面需要用到表格的凍結列功能,所謂“凍結列”,就是某些情況下表格的列比較多,需要固定前面的幾列,後面的列滾動。遺憾的是,bootstrap table裡自帶的fixed column功能有一點bug,於是和同事討論該如何解決,於是就有了這篇文章。 一、起因回顧 第一列固定 貌似

CSS相容性(IE和Firefox)技巧大全1

CSS對瀏覽器的相容性有時讓人很頭疼,或許當你瞭解當中的技巧跟原理,就會覺得也不是難事,從網上收集了IE7,6與Fireofx的相容性處理技巧並整理了一下。對於web2.0的過度,請儘量用xhtml格式寫程式碼,而且DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要

CSS相容性(IE和Firefox)技巧大全 2

1. Div居中問題 div設定 margin-left, margin-right 為 auto 時已經居中,IE 不行,IE需要設定body居中,首先在父級元素定義text-algin: center;這個的意思就是在父級元素內的內容居中。 2.連結(a標籤)的邊框與背景

[springBoot系列]--springBoot註解大全

歸類 onetoone rod gif 示例 nts 描述符 控制 負責 一、註解(annotations)列表 @SpringBootApplication:包含了@ComponentScan、@Configuration和@EnableAutoConfigurati

IE瀏覽器CSS hack方式一覽

做前端多年,雖然不是經常需要hack,但是我們經常會遇到各瀏覽器表現不一致的情況。基於此,某些情況我們會極不情願的使用這個不太友好的方式來達到大家要求的頁面表現。我個人是不太推薦使用hack的,要知道一名好的前端,要儘可能不使用hack的情況下實現需求,做到較好的使用者體驗。

吊打面試官系列之面試大全

html部分 (1)Doctype的作用?嚴格模式與混雜模式如何區分?他們有什麼意義? ①doctype宣告位於HTML文件中的第一行,處於html標籤之前。告知瀏覽器的解析器用什麼文件標準解析這個文件。如果沒有doctype或格式不正確會導致文件以相容模式呈現。

用css解決Unigui在IE系列瀏覽器中字型變小的問題(設定UniServeModule的customcss屬性)

Unigui執行在chrome瀏覽器下可以有最佳的效果,但用ie開啟用unigui做的專案會發現字型明顯小一截,可以用自定義css來解決這個問題。 可以在UniServeModule的customcss屬性中寫入以下程式碼: <style type="text/css"> *{font-si

網站在多IE版本相容性測試工具IETester的使用方法

IETester是一款很適用於開發人員使用的網站測試工具,由於開發人員在開發網站的時候由於某程式碼不相容與IE版本,可以會造成瀏覽效果不佳且損失很多潛在客戶,所以網站與IE版本是否相容是很重要的。 工

Jetbrains系列產品破解大全(webstorm2018)

JetBrains是一家捷克的軟體開發公司,該公司旗下有諸多開發工具,包括Webstorm、Intellij IDEA、PHPStorm、Pycharm、GoLand等好用且強大的開發工具  ①webstorm破解指南: 方法1:註冊時,在開啟的License Activ

IE瀏覽器相容性調整總結技巧

前言 最近專案做完,使用者需要相容IE,於是開展了相容性的調整工作。邊調整邊想感嘆IE真是個沙雕。。特將我遇到的問題記錄下來,以及記錄我的解決辦法,以下問題及解決辦法,都是真實可用的,本人親測~~ 一、IE瀏覽器下,沒有達到出現滾動條的條件,但是出現了滾動塊的問題 滾動塊就是個灰色的方形,滾動條的兩邊。

IE下的hack

對於前端開發來說IE一直是心裡的痛,不管你覺得做的多好的網頁,放到它上面總會有一些意想不到的問題發生,所以你不得不針對IE單獨做些手腳,你就有必要知道一些IE瀏覽器下的hack寫法。 比較常用的幾個hack(目前大多公司都只要求相容到IE8,稍微變態點的也就是IE7下沒

解決IE系列瀏覽器上傳頁面接收問題

引用:在網上看見一個說程式設計師的致命缺點中: 第四點就是大部分的程式設計師是一種資訊囤積型的程式設計師,說直接一點就是狹隘,主要體現就是在知識的共享上面,非常害怕將知識全部告訴了別人,自己的存在價值就會大打折扣,這些主要是老員工居多,他們經常會隱藏程式碼,不願意公佈程式碼

【瀏覽器CSS hack大全

什麼是CSS hack? 由於不同廠商的流覽器或某瀏覽器的不同版本(如IE,Firefox/Safari/Opera/Chrome等),對CSS的支援、解析不一樣,導致在不同瀏覽器的環境中呈現出不一致的頁面展現效果。這時,我們為了獲得統一的頁面效果,就需要針對不同的瀏覽器或不同版本寫特定的CSS樣式

CSS hack大全&詳解(什麼是CSS hack

原文:http://www.kwstu.com/Admin/ViewArticle/201409011604277330CSS hack大全&詳解(什麼是CSS hack) 1、什麼是CSS hack? CSS hack是通過在CSS樣式中加入一些特殊的符號,讓不同的瀏覽器識別不同的符號(什麼樣的瀏覽

localStorage相容IE系列的本地儲存方案

1、  你知道什麼是localStorage 2、  你需要一個相容IE系列的本地儲存方案(不考慮低版本IE的請飄過或直接看二次包裝) 相容方案效果:         所有主流瀏覽器支援以下方法和屬性:         window.localStorage 的 getIt

css相容性寫法大全

本文轉載於:猿2048網站▶css相容性寫法大全 常見的瀏覽器核心引擎以及具體應用:     &nb

css對ie相容性問題處理(一):

本文轉載於:猿2048網站⇒css對ie的相容性問題處理(一): 1.在製作sidebar時對li裡面的元素進行浮動,li在ie

CSS相容性IE和Firefox)技巧大全

CSS 對瀏覽器的相容性有時讓人很頭疼,或許當你瞭解當中的技巧跟原理,就會覺得也不是難事,從網上收集了IE7,6與Fireofx的相容性處理技巧並整理了 一下。對於web2.0的過度,請儘量用xhtml格式寫程式碼,而且DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要加 DOCTYPE宣告。