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

Question

这里有点新所以在过去的 2 小时里，我一直在尝试定位 iframe，但无法正确定位(或接近该位置的任何地方......)我的目标是将亚马逊的 iframe 定位在写有“你好，[姓名]”的位置。首先我无法设置 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、div 和所有东西)

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

Answer 1

虽然我对它的用途有点怀疑，但无论如何我都会提供一个答案。

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

了解这一点，就可以在 iframe 本身上创建 iframe 效果。

您将拥有一个足够大的 iframe，乍一看可以捕获按钮(1260 像素宽和 300 像素高就足够了)

然后您将移动 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>