瀏覽器常見相容點

2022-01-15 00:22:37 字數 1211 閱讀 5220

window.event

問題:

使用 window.event 無法在ff上執行

解決方法:

ff的 event 只能在事件發生的現場使用,此問題暫無法解決。可以把 event 傳到函式裡變通解決:

onmousemove = "functionname(event)"

function functionname (e)

event.x 與 event.y 問題在ie中,event 物件有x,y屬性,ff中沒有

解決方法:

在ff中,與 event.x 等效的是 event.pagex ,但event.pagex ie中沒有

故採用 event.clientx 代替 event.x ,在ie中也有這個變數

event.clientx 與 event.pagex 有微妙的差別,就是滾動條

要完全一樣,可以這樣:

mx = event.x ? event.x : event.pagex;

然後用 mx 代替 event.x

clientx 事件屬性返回當事件被觸發時滑鼠指標向對於瀏覽器頁面(或客戶區)的水平座標。 客戶區指的是當前視窗。

標準是event.clientx

引申: 其他的常用東東    event.screenx 返回滑鼠指標相對於螢幕的座標以及offsety

注意event.originalevent的使用

2. 滑鼠手指狀顯示

全部用標準的寫法 cursor: pointer;

背景、類

1. background 顯示問題

全部注意補齊 width,height 屬性

2. 背景透明問題

ie: filter: progid: dximagetransform.microsoft.alpha(style=0,opacity=60);

ie: filter: alpha(opacity=10);

ff: opacity:0.6;

ff: -moz-opacity:0.10;

最好兩個都寫,並將opacity屬性放在下面

常見瀏覽器相容1

瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果,這種技術 hacker。瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加...

常見瀏覽器相容問題

1 針對ie5以下和 ie5 firefox 引入檔案區別 import url newstyle.css 後者可以識別,前者不能識別 2 針對ie和firefox指定裝置型別選項 import url newstyle.css screen 後者可以識別,前者不能識別 3 注釋區別 content...

常見瀏覽器相容問題

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