css hack(CSS多瀏覽器相容)

2021-08-25 04:15:36 字數 1539 閱讀 8551

int i=0;

int j=1;

在web開發中,每個人都會遇到css對不同瀏覽器相容的問題,雖然不是什麼大問題,卻著實讓人費心,特別對於一些沒有經驗的開發者來說,是特別頭疼的。經常會在網上看到有人抱怨瀏覽器版本太多,沒辦法,市場總是存在競爭的,有問題我們就想辦法解決它吧。下邊是本人總結的一些針對不同瀏覽器的css hack,希望能幫助需要的朋友。

background:blue;

firefox 背景變藍色

background:red /9;

ie8 背景變紅色

*background:black;

ie7 背景變黑色

_background:orange;

ie6 背景變橘色

ie6以下

*html{}

ie 7 以下

*:first-child+html {} * html {}

只對ie 7

*:first-child+html {}

只對ie 7 和現代瀏覽器

html>body {}

只對ie 8(屬性值後加/0)

.name

只對現代瀏覽器(非ie 7)

html>/**/body {}

最新的opera 9以下版本

html:first-child {}

safari

html[xmlns*=」"] body:last-child {}

firefox 3

.classname, x:-moz-any-link, x:default {}

#id, x:-moz-any-link, x:default {}

所有瀏覽器下背景變灰(半透明)

body

區別ie6與ff:

background:orange;*background:blue;

區別ie6與ie7:

background:green !important;background:blue;

區別ie7與ff:

background:orange; *background:green;

區別ff,ie7,ie6:

background:orange;*background:green !important;*background:blue;

區別ff 3

「{」前加上「, x:-moz-any-link, x:default」,只有ff 3能識別

注:ie都能識別*;標準瀏覽器(如ff)不能識別*;

ie6能識別*,但不能識別 !important,

ie7能識別*,也能識別!important;

只有ie8能識別/0

ff不能識別*,但能識別!important;

關注ie瀏覽器對於iview admin相容性處理

解決方案 安裝 babel loader 作用 babel loader,用來處理es6語法,將其編譯為瀏覽器可以執行的js語法 1.安裝依賴 npm install d babel loader babel core babel preset env webpack 2.在vue.config.j...

Selenium多瀏覽器適配

selenium支援多種瀏覽器,實際測試中可以通過工程模式建立不同瀏覽器的例項,從而完成多種瀏覽器的適配測試。selenium支援的瀏覽器種類如下 chromedriver 谷歌瀏覽器 internetexplorerdriver 微軟ie firefoxdriver 火狐operadriver 歐...

python selenium多瀏覽器支援測試框架

基於page object設計模式 1.lib base util 實現讀取配置檔案 driver manager 通過type引數啟動不同的瀏覽器driver test manager 通過type引數生成不同的類,實現多瀏覽器支援 2.lib page abstract page實現 讀取配置 ...