作者NLC (該運動運動囉~~)
看板Ajax
標題[問題] CSS設定float屬性與擷取物件位置的問題
時間Sun Oct 25 02:59:50 2009
這個問題困擾小弟許多天了 一直找不到解決方法>"<
=====================問題文件開始========================
我有一段HTML是這樣的：
<div class="column" id="controlPane" width="300">
<img id="img" src="圖片位置" onclick="showPosition(this);" />
</div>
而在CSS檔案中設定：
.column{
float: left;
border: solid 2px;
padding: 0px;
}
另外在javascript文件中定義 showPosition(element) 函數：
function showPosition(element){
var img = document.getElementById("img");
var left = img.offsetLeft;
var top = img.offsetTop;
alert("( " + element.offsetLsft + ", " +
element.offsetTop + " ), (" + left + ", " + top + " )");}
=====================問題文件結束========================
我在google chrome執行得到的結果是 (undefined, 12), (12, 12) <-我預期的結果
而在IE 7執行得到的結果卻變成 (undefined, 0 ), (0, 0)
想請問這個問題該如何解決? 已經想到失眠了orz
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.136.49.244
※ 編輯: NLC 來自: 220.136.35.36 (10/25 04:18)
※ 編輯: NLC 來自: 220.136.35.36 (10/25 04:19)
1F：→ yavenily:alert("( " + element.offsetLsft ... 有看到錯字嗎？ 10/26 02:07
2F：→ NLC:阿 那是我po上來的時候打錯字orz 不過重點是(0, 0)...... 10/27 00:31