[問題] CSS設定float屬性與擷取物件位置的問題
這個問題困擾小弟許多天了 一直找不到解決方法>"<
=====================問題文件開始========================
我有一段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)
→
10/26 02:07, , 1F
10/26 02:07, 1F
→
10/27 00:31, , 2F
10/27 00:31, 2F