javascript - jquery元素无法滑过iframe

标签 javascript html iframe

我正在为我的公司开发一个报告网站。它曾经有谷歌图表,但现在使用 highcharts 和从 spago 获得的数据。

以前,使用 gogole 图表时,我有一个漂亮的菜单,当您单击一个按钮时,它会在整个图表上向右滑动。这是通过 z-index 和相对定位完成的,效果很好。然而,现在新图表显示在 <iframe> 中。它很顽皮。

当我单击该按钮时,图表会避开滑动菜单并下拉至其下方。 z-index 和相对定位似乎无法修复它。我的第一个想法是将 iframe 放在具有这些位置设置的 div 标记内,但它也不起作用。

你们有什么建议或意见吗?

最佳答案

iframe 是可能的最高元素(它实际上不是元素,而是嵌入在窗口中的窗口)。它是唯一可以遍历 Flash 对象的元素。

所以;不,任何 css 技巧都不可能做到这一点。 您可以通过调整 iframe 的大小并更改 iframe 中包装元素的左边距以匹配覆盖页面的 slider 来伪造效果。

关于javascript - jquery元素无法滑过iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12818640/

相关文章:

javascript - LinkedIn 共享代码中“&source=”等号后面放什么?

javascript - 如何调整 SVG 的大小?

javascript - 从主文档中的 JavaScript 获取 IFrame 的文档

javascript - frame.addEventListener 不适用于 IE

javascript - 无法使用 jquery 访问通过 google chrome 内容脚本注入(inject)的 iframe 内容

javascript - 如何在 If 条件中使用 xmlhttp.responseText?

javascript - 表排序器不正确

javascript - for 循环无法正常工作

javascript - 在事件监听器函数中传递参数

javascript - 在 php 中将表单提交给自身后,表单重置按钮不起作用