【问题标题】:iframe cross-site : "Verified by VISA"iframe 跨站点:“由 VISA 验证”
【发布时间】:2010-12-12 20:59:58
【问题描述】:

我刚刚创建了一个 T 恤商店,可以放在我自己的网站上。一家名为 spreadshirt.co.uk 的公司(以下简称“SS”)经营着这家商店。他们允许我通过 iframe 将他们的商店嵌入到我的网站上,并且由于他们允许通过他们的管理面板完全自定义 CSS,我让它看起来与我的网站完美地集成在一起。

唯一的问题是 iframe - 目前我已将其设置为 2000 像素高(正好适合最长的页面)。我宁愿让它为每个页面调整大小,但希望这会“很难”,所以没有打扰。

无论如何,我刚刚发布了页面,并通过它进行了测试。一切都很好,直到....

...“由 VISA 验证”页面。这个motherhubbard出现在订单过程的最后,其中包含的HTML将小对话垂直居中放置在我的iframe中。 IE。从顶部向下近 1000 像素 - 使不那么精明的用户认为页面尚未加载(如果不向下滚动,他们只能看到白色背景)。我无法像自定义 SS 页面那样自定义此页面上的 CSS,因为此页面不是由 SS 提供的。

有什么聪明的想法???

非常感谢大家!

如果人们想看我的网站,我会放一个链接,但我认为这可能会被视为垃圾邮件并且不受欢迎。

【问题讨论】:

  • 请添加链接。这样我们就可以看到正在发生的事情。
  • 啊,我突然想到我可以检查 iframe 的 src,如果它不是商店 URL,我会降低框架高度。简单!
  • 嗯,没那么简单。显然,当您在 iframe 中导航时,“src”属性不会更新。我没有想通,但我认为它会。

标签: iframe


【解决方案1】:

我不喜欢处理 iframe,因为我讨厌它们,但我认为您仍然可以使用 javascript 写入该文档。我说的原因可能是因为它的跨域,但它应该仍然有效。

看看这篇文章 Resizing an iframe based on content

你也可以看看 Resizing iframe to fit its content

和一个 jquery 脚本: http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

同样,我真的不知道这是否适用于跨域网站。

【讨论】:

  • 注册。最后一个链接:请注意,此 jQuery autoHeight 插件不适用于从不同域或远程位置访问内容的 iFrame
猜你喜欢
  • 2016-12-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-06-15
  • 2013-01-30
  • 2012-06-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多