将页眉或工具栏注入页面的最佳实践？

Question

我们的网络应用程序允许客户查看其网站上页面的历史快照。我们希望在页面顶部注入一个标题（类似digg或linkedin工具栏），其中包含快照时间，网址和其他各种指标等数据。

我们想要尽可能接近他们的原始状态。

那么什么是最好的方式来添加一个页眉到页面，同时尽可能保持它？

可能的方法，我们已经看过：

• 在iframe坚持缓存页面。然而，令人惊讶的数量的网站包含破坏性的代码，我们不想做任何事情就像试图阻止这一点。

• 将绝对/固定定位的div添加到具有高z-index的页面顶部。这种方法的问题是：a）你的一些样式可能会被覆盖，b）在DOM负载上运行的JavaScript可能会导致你的html/ccs（例如Plone支持的站点为所有表添加类和样式） ）c）不同的DOCTYPE或缺乏可以搞砸我们的CSS（是IE浏览器，看着你）。

• 将绝对定位的iframe添加到具有高z-index的页面顶部。这绕过我们的任何HTML/CSS被破坏或修改。然而，我们又遇到了DOCTYPE问题 - 我们希望它静态定位，并且IE7不支持Quirksmode。

有什么想法？谢谢

Answer 1

为什么要使用高度为100px的横幅？我看到一些其他的可能性：

1. 你不能使用链接弹出或页面的更多信息？
2. 或者让它拉出来，如果你把它悬停。

这样，它不会掩盖很大比例的网站。

Answer 2

如果您控制导致存档版本的链接，则可以放入代理URL。让该URL在框架中打开正确的html。这很像谷歌的缓存：

1. 显示的链接看起来像pagearchive.html版= 43234324
2. 让pagearchive.html与从顶部开始100px的iframe中html页面的列表？版本= 43234324部分可以让你在框架中打开正确的url。