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

Question

这里有点新所以在过去的 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

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>

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

position iframe on specific content inside amazon

html

css

iframe