在亚马逊内部的特定内容上定位iframe

时间:2015-01-12 23:13:06

标签: html css iframe

这里有点新鲜 所以我一直试图在过去的2小时内定位一个iframe并且无法正确(或者在那附近的任何地方......) 我的目标是在亚马逊的iframe中找到“Hello,[name]”。 首先我不能设置iframe,因为它们的原始政策相同,但我想有些页面不受保护,例如:http://www.amazon.com/product-reviews/B0051QVF7A/ref=cm_cr_dp_see_all_top?ie=UTF8&showViewpoints=1&sortBy=bySubmissionDateDescending

将iframe定位在我的帐户信息上似乎不可能(尝试了margin-left,right,divs和所有内容)

我的目标有点像这样 - http://i.stack.imgur.com/gQwyn.png

1 个答案:

答案 0 :(得分:1)

虽然我对这是什么有点怀疑,但无论如何我都会为它提供答案。

因此,您无法准确定位iframe初始屏幕所在的位置(因为如果我没有弄错的话,它将始终默认为左上角)但您可以移动iframe本身。

了解这一点,可以在iframe上创建iframe效果。

你会有一个足够大的iframe乍看之下捕获按钮(1260px宽,300px高就足够了)

然后,您将移动iframe,将按钮定位到您希望使用绝对位置和左上角样式显示的位置。

然后创建一个新的div以包含该iframe,并为其提供按钮大小的宽度和高度,然后删除使用overflow: hidden;滚动的功能,并通过声明它来删除滚动在iframe标记scrolling="no"内。

然后您应该得到与以下相同的结果:



#my-div { 
width: 128px;
height: 55px;
overflow: hidden;
position: relative;
}
 
#my-iframe { 
position: absolute;
top: -42px;
left: -884px;
width: 1260px;
height: 300px;
}

<div id="my-div">
<iframe src="http://www.amazon.com/product-reviews/B0051QVF7A/ref=cm_cr_dp_see_all_top?ie=UTF8&showViewpoints=1&sortBy=bySubmissionDateDescending" id="my-iframe" scrolling="no"></iframe>
</div>
&#13;
&#13;
&#13;