記錄遇到的IE8相容性問題彙總

2022-02-21 18:29:02 字數 733 閱讀 8925

1,偽元素:first-child不起作用,需要單獨指定樣式名稱

2,透明度表示方法,尤其在函式中表示

@mixin opacity($value)

3,input文字垂直居中,在ie8-之文字不預設垂直居中。解決:必須設定line-height

4,接文3:相容了ie的文字不居中之後,開啟safari再看,placeholder竟然偏上了,經過查可知safari不需要line-height,那麼我們帶上ie8的hack,「\9",ex:

input

5,transation在safari瀏覽器中的bug

目標效果為:頁面載入的時候登入框從頁面底部飛入

css:

.login-form

js:

$(".login-form").css("top","200px");

safari瀏覽器根本就不認識」top:100%"臥槽了,必須給定乙個具體的值,或者說使用js去將login-form的top初始值給設定好

background: url("../images/box_check_bg.png") no-repeat !important;

如果屬性值加上!important的話ie8會加上兩層背景,一層是設定background-size之前的,一張是加了background-size之後的,所以這裡要注意去掉

IE8相容性問題彙總

這裡會存放ie7,8關於相容性的問題.ie8發布了這麼久,大家對它都懷著很高的期望,但是缺陷也不少,取消了很多的屬性,這對web開發人員來講,面臨的是轉變.原本的document.body.clientwidth沒了,div align沒了,速度更加慢了.至今搞不懂ie8為什麼要將clientwid...

IE8相容性問題彙總1

1.使用meta標籤調節瀏覽器的渲染方式,告訴瀏覽器用哪種核心渲染,360雙核瀏覽器就是在ie和chrome之間來回切換,幫我們判斷使用webkit還是chrome。使用meta標籤來強制ie8使用最新的核心渲染頁面,如下 content ie edge,chrome 1 一些相容性問題 瀏覽器相容...

IE8相容性問題記錄

最近公司的專案要求支援ie8,所以就開始了做ie8的相容了,本人記錄了遇到的問題極其解決方案 之前在chrome中能夠正常執行,在ie8中出現的問題 ie8中不支援就query中的getjson 方法,這個可以在自己的工具類js中封裝,封裝如下 var tool function too.getjs...