Question

我希望嵌入式iframe的位置能够相对定位父DOM中的某些元素。我试过了。

var iframe_posy = $('iframe').css('top');
var iframe_posx = $('iframe').css('left');

<iframe src="game/game.html" style="border: 0; width: 100%; height: 600px;">...</iframe>

当我记录iframe_posx和iframe_posy时，我得到'undefined'。我缺少什么？

谢谢！

Answer 1

假设您正在使用jQuery，请使用position()，即$('iframe').position().left和$('iframe').position().top

Answer 2

除非你在CSS中定义它们，否则它们不会被定义，或者它们是由浏览器的bootstrap CSS定义的，或者像@Ingenu建议的那样，你使用JavaScript来获取位置。

将顶部和左侧添加到css中，您的代码可以正常工作：

<iframe src="http://www.google.com" style="border: 0; position:relative; left:300px; top:200px; width: 100%; height: 600px;"></iframe>

http://jsfiddle.net/AlienWebguy/r6hhf/

定位在iframe之外

2 个答案: