作者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