草庐IT

frameset-iframe

全部标签

html - 位于 iFrame 后面的导航菜单

特别是在IE9上,当通过iFrame查看PDF时,我的导航菜单位于iframe后面。我已经设置了一个jsfiddle来演示:http://jsfiddle.net/q6fmv/或者请查看此问题底部的代码。在IE9上查看时,如果将鼠标悬停在导航元素上,您可以看到的具有子导航的元素隐藏在iFrame后面。我曾尝试将导航菜单的z-index设置为高于iFrame的z-index,但没有成功。如何解决这个问题,使navigatino菜单的子菜单出现在iframe的顶部?HTMLMenu1Menu2SubMenu1SubMenu2SubMenu3SubMenu4Menu3Menu4SubMenu

javascript - 通过 Javascript 关闭 iFrame

我正在开发一个带有模态叠加层的应用程序,当相应的按钮被按下时,它会出现在iFrame中。要关闭这些模式覆盖之一,取消按钮在父窗口中以这种方式定义:Cancel我想将它替换为一个JavaScript函数(我们称之为onCancel()),这样除了关闭叠加层之外,我还可以根据需要重置一些值。“#close”的JavaScript等价物是什么? 最佳答案 您无法关闭iFrame,您必须删除或隐藏它。下面的示例删除了iframe。如果你只是想隐藏你可以替换最后一行(包含removeChild和这一行frame.style.display="

javascript - 将鼠标事件从 iframe 传播到托管文档

我有一个覆盖整个HTML文档的iframe,我想将点击和悬停事件传播回托管文档。我有哪些选择? 最佳答案 几周前我被要求调查这个项目。这样做是可能的,这里有一个实际的工作示例:http://www.esqsoft.com/javascript_examples/iframe_talks_to_parent/但是,要牢记的关键是,除非父项和子项在同一个域中,否则不可能在它们之间传递事件。我认为,如果您的iframe包含来自不同域的页面,那么您就不走运了。 关于javascript-将鼠标事

html - 内容具有 overflow-x : hidden 的 iframe 的水平滚动条

我正在处理一个宽度为760像素的着陆页,并且需要一个包含980像素宽内容(Flash演示)的iframe。所以我需要有一个水平滚动条才能查看全部内容。但是,无论我添加什么作为滚动属性(例如scrolling="auto/yes"等),都没有任何反应-根本没有水平滚动条。iframe中显示的页面在源代码中有如下命令:body{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;overflow-x:hidden;}据我了解,这就是为什么我的iframe中没有水平滚动条的原因。有什么解决方法吗?

javascript - 添加一个 Javascript 按钮来更改 iframe 的内容

我正在尝试创建这个页面,其中我有一个iframe,我想添加一个按钮来显示iframe中的下一页,以及一个按钮来显示iframe中的上一页。我总共有4个页面要显示在名为1.html2.html3.html4.html的iframe中,我希望按钮从1到4工作,然后返回到1,依此类推.草图是这样的:_________|IFRAME|||___________>这是我用来更改iframe内容的简单脚本这是iframe/按钮/功能。functioncontent2(){document.getElementById('screen').src="2.html";}谢谢

javascript - YouTube iFrame API 行为不一致/不确定

我在通过iframe/HTML5API控制Youtube视频的JavaScript代码中发现一个错误时遇到了问题。我回到主文档页面上的演示代码:https://developers.google.com/youtube/iframe_api_reference...令我惊讶的是,即使我从那里使用演示代码并且不做任何更改,我也会看到同样的不一致行为。行为是有时,当我加载此页面时,播放器会自动播放(这是代码的意图),有时则不会。它总是加载成功。此外,玩家似乎在6秒后从未停止过,这与评论所说的相反。断点验证问题的一部分至少是onPlayerReady()并不总是被调用。当我在onPlayer

html - jekyll 嵌入 iframe 不工作

我在google和这里​​搜索了很多,但我没有找到答案。我使用jekyll,在关于我的页面中,我要嵌入什么this,给定的iframe看起来像这样:我在我的“关于我”页面中使用它是这样的:{%raw%}{%endraw%}它看起来不错,但它没有工作,而不是我想要的,它显示原始文本而不是iframe。我已经尝试了几乎所有方法,但仍然无法正常工作... 最佳答案 正如我所说,我尝试了一切。最后,当我将双引号添加到width=298height=52像这样:width="298"height="52"终于成功了!我查看了youtube,我

javascript - 如何禁用点击但仍允许在 iframe 中滚动?

我的页面上有一个iframe显示在一个固定高度的面板中,但在iframe中呈现的页面要大得多。我不希望用户能够点击iframe中的任何内容。我知道对此的一般解决方案是在iframe顶部有一个不可见的div以禁用所有交互。但是,这也会禁用滚动功能。是否可以捕获并忽略iframe页面上的任何点击,但仍允许传播滚动? 最佳答案 如果您不希望iframe的内容与用户交互,您可以禁用它的指针事件。但是,如果您希望它是可滚动的,只需将一个全尺寸的iframe放在一个带有overflow:scroll的较小div中。div{width:50vw;

html - 带有 iframe 的嵌入式网站中的 iOS 滚动问题

我在iOS(Safari)上遇到iframe问题。我们通过iframe在我们的网页中使用一个网页-它在PC和Android上看起来很棒,但在iOS上整个View都被破坏了,我无法让可滚动的iframe在iOS上工作了。我们过去常常在iframe本身之外(在div中)修复iOS滚动问题:overflow:auto;-webkit-overflow-scrolling:touch;position:fixed;不幸的是,这不再有效,所以我们将其删除。这是iframe现在的样子:关于如何解决此问题或可以在此处使用哪些其他替代方案的任何想法?编辑:我也尝试过,但没有成功:touch-actio

html - iframe 下载 html 源而不是显示它

我想在页面中嵌入一个html文件。我使用以下代码:我通过angular获得的源是Azureblob存储中的index.html文件的地址:_sc.resource.previewUrl=$sce.trustAsResourceUrl("http://portalxxxxxxx.blob.core.windows.net/path/to/index.html");当我打开页面时,它会将index.html文件下载到我的计算机而不是显示它。如何强制显示? 最佳答案 问题是因为blob的内容类型属性。如果未显式设置blob的内容类型属性,