Question

我正在编写Safari扩展程序。当我单击工具栏中的按钮时，它需要覆盖页面顶部其他来源的内容。

如何在内容的顶部将其放置在浏览器的左上角？当我点击关闭按钮时，应该销毁iframe，显示之前被掩盖的内容？

谢谢！

Answer 1

您可以将CSS放在内联或样式表中。

<iframe src="http://path.to/content" style="width: 200px; height: 100px; 
position: absolute; top: 0; left: 0; z-index: 100000;" id="overlay_frame"></iframe>

然后，对于“关闭”链接，您可以选择完全销毁iframe：

<a href="#" onClick="document.getElementById('overlay_frame').removeChild( 
document.getElementById('overlay_frame').childNodes[0] );">Close</a>

或者只是隐藏它：

<a href="#" onClick="document.getElementById('overlay_frame').style.display='none';">Close</a>

就个人而言，我只是隐藏它，以便您可以通过更改来源再次重复使用它：

<a href="#" onClick="document.getElementById('overlay_frame').src='http://link.to/something/else';">Change Frame</a>

Safari Extension将iframe叠加到每个页面上

1 个答案: