0

我正在对一个网站进行一些安全测试，并且我正在专门针对 UI 修复进行测试，该修复涉及包含在 iframe 中的底层网站，该网站顶部有一个隐藏的表单。这个想法是隐藏的文本框将覆盖网站中的真实文本框（目标是第 3 方获取此信息）。我无法将隐藏的对象与网页上实际存在的对象对齐。HTML中是否有某种锚定选项，或者我应该手动包含中断并将其对齐？

谢谢！

*编辑：下面的代码-此时的不透明度无关紧要，一旦我正确排列它们就会改变。网页本身有两个文本框，下方有一个提交按钮，我希望我的文本框（文本框 1 和文本框 2）和提交按钮与真实网页上的文本框对齐。

<div style="opacity:0.9; position:absolute; top:0; left:0; width:99%; height:99%; z-index=2">
  <iframe src="http://website-url-goes-here.com" width="100%" height="100%"></iframe>
</div>

<div style="opacity:0.5; z-index=1">
  <form action="test.php" method="post">
    <input text="	" name="textbox1">
    <BR>
    <input text="	" name="textbox2">
    <BR>
    <input type="submit" value="submit">
  </form>
</div>

4

0 回答 0