瀏覽器相容性的解決方法

2021-09-25 08:00:07 字數 857 閱讀 6459

hack表示補丁的意思,就是利用各種技巧,專門為特定瀏覽器增補樣式,以實現在不同瀏覽器中具有相同的顯示效果。這些方法也被稱為過濾器(filter),就是在所有瀏覽器中過濾出特定型別瀏覽器並為其單獨定義樣式。

常用css hack包括3種形式:條件過濾器、屬性過濾器和選擇符級過濾器。

1、ie條件語句

基本用法:

示例:

2、屬性過濾器

基本用法:

selector

取值說明如下:

_:選擇ie 6及以下版本。

*:選擇ie 7及以下版本。

\9:選擇ie 6+。

\0:選擇ie 8+和opera。

[;property:value;];:選擇webkit核心瀏覽器(chrome、safari)。ie 7及以下版本也能識別。

示例:

p
3、選擇器過濾器

基本語法:

selector

1)ie 7版本瀏覽器專用過濾器

*+html body
2)ie 6及以下版本瀏覽器專用

* html body
3)非ie 6及以下版本瀏覽器專用

html>body
4)非ie瀏覽器專用

html>/**/body

瀏覽器相容性

瀏覽器相容性是乙個很長久的話題,之所以前端需要面對瀏覽器相容性,是因為使用者的環境有不同的平台,不同的瀏覽器。不同的廠商之間為了相互競爭,對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本,不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...

瀏覽器相容性

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...

瀏覽器相容性

trident ie核心 gecko firefox 核心 webkit chrome,safari blink webkit 的分支 presto 是挪威產瀏覽器 opera 的 前任 核心,為何說是 前任 因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌大本營。移動端的瀏覽器核心主要說...