瀏覽器相容性問題總結

2022-05-15 20:33:08 字數 720 閱讀 2065

瀏覽器相容性問題總結

以下相容性問題總結只支援到ie8及以上,更低版本不經過測試

1. 元素透明度的問題

在chrome ,ff等瀏覽器中,只需要設定opacity即可達到的效果,在ie中需要對多個要素進行設定才行

filter:alpha(opacity=70);

-moz-opacity:0.7;

-khtml-opacity: 0.7;

opacity: 0.7;

3. css3 中的border-radius 屬性,在ie8中支援的並不是很好,人多人都介紹了如何處理這種相容問題,但是用過之後會發現還是

4. firefox瀏覽器的滑鼠滾動事件,由於firefox並不支援onmousewheel事件,所以需要進行瀏覽器判斷為其繫結dommousescroll事件

if(document.addeventlistener)

用jquery繫結mousewheel事件的時候,可以繫結mousewheel事件,在執行的時候列印出ev的值,在向上或向下滾動的時候發現只有deltay的值會變化,或1或-1,由此可判斷滾輪滾動的方向。

$(document).on('mousewheel', function(ev) {});

//呼叫相機 ,或者相簿 (兩者都行)

加上了capture=camera"屬性之後安卓手機就直接呼叫了相機,沒有了相簿的選項

//直接呼叫相機

瀏覽器相容性問題總結

分為html css js三部分。html5shim 可以讓你的 ie9 或者更低版本的 ie 瀏覽器支援 html5。使用方法 判斷瀏覽器是否支援html5 window.onload function else script pc端 document.addeventlistener docum...

瀏覽器相容性問題總結

1 safari解釋new date 2013 10 21 這樣得到的是invalid date,需要寫成new date 2013 10 21 2 href 在ie中會跳轉到根目錄,而在firefox中不會跳轉,寫成href 可以。3 一串長度較長的英文語句 單詞之間有空格 在超出div寬度的情況...

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...