1. 程式人生 > >FireFox下設定DIV的top和left無效解決方法

FireFox下設定DIV的top和left無效解決方法

火狐瀏覽器和IE瀏覽器有很多衝突,往往在IE下正常的在火狐下就不正常了,這就需要程式去判斷,搞定他們相容問題!

下面這段程式碼解決了在火狐下div設定top和left無效的BUG和在IE下滾動條無效的BUG

------------------------------------------------JS-------------------------------------------------

function ShowNew(ev)
{
//相容火狐和IE獲取event物件

var ev = ev||window.event;

var x=0;var y=0;

if(ev.pageX || ev.pageY)

{

x=ev.pageX;y=ev.pageY;

}
else

{

//相容火狐和IE獲取滾動條的滾動引數

if (document.documentElement && document.documentElement.scrollTop)
{
 t = document.documentElement.scrollTop;
 l = document.documentElement.scrollLeft;
}
else if (document.body)
{
 t = document.body.scrollTop;
 l = document.body.scrollLeft;
}

x=(ev.clientX + l - document.body.clientLeft);y=(ev.clientY + t  - document.body.clientTop);
}

alert('x:'+x+' y:'+y);//測試顯示

}

----------------------------------------------HTML----------------------------------------------

<div id="NewInfo" style="z-index:100;position:absolute;">aaaaaaaa</div>

<img onmouseover="javascript:ShowNew(event);" src="a.jpg"/>

相關推薦

FireFox設定DIV的topleft無效解決方法

火狐瀏覽器和IE瀏覽器有很多衝突,往往在IE下正常的在火狐下就不正常了,這就需要程式去判斷,搞定他們相容問題!下面這段程式碼解決了在火狐下div設定top和left無效的BUG和在IE下滾動條無效的BUG------------------------------------

在Linux環境設定 ora-01031:insufficient privileges解決方法總結

今天需要使用sys使用者處理問題,但是報錯上面ora-01031:insufficient privileges。 在網上有很多方法,這個是自己經過測試的方法步驟。 1:首先檢查檔案sqlnet.ora檔案是否設定正確(檔案地址就是你oracle安裝的目錄)# sqlnet

自定義攔截器 includeMethodsexcludeMethods無效 解決方法

首先, includeMethods和excludeMethods都是需要自定義攔截器類繼承MethodFilterInterceptor,因為只有繼承這個類的自定義攔截器才有 setIncludeMethods和setExcludeMethods方法,這個我是網上找到的,但

web uploader在Firefox上傳點選無效解決方法

在公司專案中,做一個上傳檔案的功能,選用了百度的web uploader,按照官網上面的方法,寫好之後,在chrome下面沒有任何問題,可是在Firefox下面怎麼點選都沒有效果? 官網上的例子在chrome和Firefox上都可以觸發。檢視官網上的HTML佈局如下: <div id=

CentOS7jenkins遷移升級以及解決磁盤空間滿的問題

done init.d pidfile mtime 磁盤空間 查找 centos -o root jenkins遷移和升級 查看jenkins安裝包以及路徑[root@Jenkins ~]# rpm -ql jenkins/etc/init.d/jenkins/etc/lo

Cenos7小系統設定ip聯網問題

剛裝完了Centos7小系統,可按如下步驟進行ip設定和聯網設定: 1、首先,進入/etc/sysconfig/network-scripts目錄下 [[email protected] ~]# cd /etc/sysconfig/network-scripts

移動端ios直接設定currentTime無效解決方法

前段時間做過一個專案,每個頁面設定了同一個背景音樂,但客戶要求音樂從一個頁面進入另一個頁面後,要接著上一頁面播放時間播放,所以進入新頁面後設置currentTime為上個頁面播放時間 但ios系統直接設定無效,在判斷音樂可播放時(canplay)再設定currentTime

使用Charles進行HTTPS抓包(包括安裝信任證書以及抓包 出現無法抓包unknown證書無效解決方案)

背景: 在進行App測試或定位線上問題時,經常會遇到抓取HTTPS資料包的需求。一般在windows上會使用fiddler,Mac上使用Charles。對於https請求,抓到的資料因為經過了加密,只能看到亂碼。 本文介紹如何使用Charles來抓取https網路報文

【android】解決Viewpager設定高度為wrap_content無效方法

今天發現設定viewpager高度為wrap_content時並沒作用,stackoverflow給出瞭解決方案,就是自定義viewpager,重寫onMesure()方法: public class WrapContentHeightViewPager extends

Dialog設定背景透明無效,在安卓5.0系統上無效解決方法

困擾了大半天的一個問題,寫一個關閉按鈕突出的dialog,在eclipse上面寫的Demo,然後執行在魅族,紅米,華為手機上都沒問題,都能正常的突出按鈕(其中魅族手機和華為手機都是5.0以上的系統),

android拉重新整理listview衝突解決方案

相關文章: 常見的下拉重新整理都是帶有一些自定義的listview、gridview和webview,我們導包直接用就行了,但是為什麼他們要自定義一些常用的控制元件呢?直接在外邊套用不行嗎?類

日期控制元件(DateField)在FireFox不能正常顯示的解決辦法

在IE選擇日期正常,在firefox點選選擇日期不能正常顯示,控制元件被拉很大 解決方法一(試驗過有效): 在css中新增如下樣式: .x-date-middle {       padding-top:2px;padding-bottom:2px;       wi

apache修改網站根目錄無效(設定好了,但無效)解決方法

我用的是phpstudy整合環境,今天我想修改一下網站的根目錄,在網上搜索了很多種方法,什麼修改apache配置什麼的,一一設定但都無效,還是無法更改網站的根目錄。在網上百度也百度不出來。 這個時候坐

類型初始值設定項引發異常的解決方法

實例 nbsp fig str winform 引用 setting .config orm 1、檢查類中的靜態字段或屬性,確保其能夠正常的完成初始化 2、在類的構造函數中,確保其訪問的屬性或字段都已經完成初始化 3、如果是WinForm中,將訪問的窗體控件的語句寫在初始化

FRM-18108FRM-10102解決方法

frm-18108 frm-10102 ebs forms errors 在最新安裝Forms Builder中中,在新建form-->使用模板創建表單是,出現錯誤。【1】froms報錯如下:【2】錯誤原因: (1)FORMS_PATH設置不正確。 (2)TEMP

FCKEditor在IE10的不兼容問題解決方法

sco 不同 tor 一個 找到 pac edit detail type 環境介紹:FCKEditor 版本 2.x.x 問題:IE10 下FCKEditor不兼容,顯示不出來 關鍵詞:不同於其他方法之處是第一個關鍵點,其他網友的正則表達式不對 解放方法:(可以直接

28.React使用map循環創建對象綁定click無效解決方法

char pan style 鉆石 function blog lec [] 創建對象 var RechargeBtnEle = React.createClass({ getInitialState: function() { return

Qt5.8 鏈接 Mysql 錯誤以及解決方法

之前 driver 遠程連接 疑問 bug set deb rst ext Qt 5.8 下鏈接 Mysql(Windows 平臺下),有朋友會出現一個這個無法連接的錯誤   QSqlDatabase: QMYSQL driver not loaded   QSqlDa

微信二次分享不顯示摘要圖片的解決方法

conf eight sage 接口 所有 微信公眾平臺 取消 onf split 微信二次分享不顯示摘要和圖片的解決方法 解決不顯示摘要和圖片的問題,需要調用微信公眾號的js-sdk的api ,需要前端和後臺的配合, 後臺需要返回 appid (公眾號的appid )

windowsmysql忘記root密碼的解決方法

ogr cmd pwd ati 賬號 lin 新建 use title 方法一: 1、在DOS窗口下輸入net stop mysql5 或 net stop mysql 2、開一個DOS窗口,這個需要切換到mysql的bin目錄。 一般在bin目錄裏面創建一個批處理1