Tag: iframe

通过iframeembeddedYouTubevideo忽略z-index？: 我试图实现一个水平的多级下拉菜单。在菜单下方（垂直），我有一个通过iframeembedded的YouTubevideo。如果我将鼠标hover在Firefox中的其中一个主级导航项上，则下拉菜单会正确显示在video顶部。然而，在Chrome和IE9中，在菜单和iframe之间的空间很小的区域只能看到下拉的条子。其余的似乎是在 iframe 后面。这个问题似乎与YouTubevideo有关，而不是 iframe。为了testing，我的目标是在另一个网站的iframe，而不是video，下拉菜单工作正常，即使在IE浏览器。问题1：WTF？问题2：为什么，即使我明确地把一个z-index:-999 !important; 在iframe上，这个问题是否仍然存在？是否有一些内置的CSS，YouTubeembedded代码包含了这些东西？

“全屏”<iframe>: 当我使用下面的代码来创build一个iframe时： <iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe> iframe不会一路走下去–10px的白色“边框”围绕iframe。我怎么能解决这个问题？这是一个问题的形象：

IFRAME和iPad上的Safari，用户如何滚动内容？: 根据苹果iOS的口头禅，应该可以通过用两根手指来拖动IFRAME的内容。不幸的是，在iPad上运行iOS的最新版本，我还没有find一个网站的IFRAME滚动使用这种方法 – 没有滚动条出现。有谁知道如何用户应该滚动移动Safari的IFRAME的内容？

不安全的JavaScript尝试访问Google Chrome中的框架: 我们的networking应用程序（基于HTML5，SVG＆JS）在除Chrome浏览器以外的所有浏览器上运行良好。在谷歌浏览器，正常的JavaScript事件运行良好，但是，所有附加到iFrame的JavaScript事件不会执行。我们在控制台中得到错误： Unsafe JavaScript attempt to access frame 目前，应用程序在本地托pipe，在内部testing期间出现这个问题。谷歌search引起了很多post，但没有任何具体的解决scheme。有什么build议么？

将点击事件添加到iframe: 我想添加一个点击事件到一个iframe 。我用这个例子，得到这个： $(document).ready(function () { $('#left').bind('click', function(event) { alert('test'); }); }); <iframe src="left.html" id="left"> </iframe> 但不幸的是没有发生。当我用另一个元素（例如一个button）testing它时，它是有效的： <input type="button" id="left" value="test">

IFrame（HTML）是否过时？: 得到矛盾的信息，希望他们不是。我无法想象支持它会停止，因为一个gazillion网站使用它们。还有一些问题：他们为什么要淘汰这个标签？任何替代它？

尝试访问以编程方式创build的<iframe>的文档对象时，“访问被拒绝”JavaScript错误（仅限IE）: 我有项目，我需要使用JavaScript创build一个<iframe>元素，并将其附加到DOM。之后，我需要在<iframe>中插入一些内容。这是一个embedded第三方网站的小部件。我不设置<iframe>的“src”属性，因为我不想加载页面; 相反，它用于隔离/沙箱中插入的内容，以便不会遇到与父页面发生CSS或JavaScript冲突。我使用JSONP从服务器加载一些HTML内容，并将其插入到<iframe>中。我有这个工作正常，有一个严重的例外 – 如果document.domain属性设置在父页面（它可能在某些部署此小部件的环境中），Internet Explorer（可能是所有版本，但我确认在6,7和8）给我一个“访问被拒绝”的错误，当我尝试访问这个<iframe>我创build的文档对象。在我testing过的任何其他浏览器（所有主要的现代浏览器）中都不会发生这种情况。这是有道理的，因为我知道Internet Explorer要求您设置所有的窗口/框架将相互通信到相同的值document.domain。但是，我不知道有什么方法可以在我无法访问的文档上设置此值。有谁知道这样做的方式 – 以某种方式设置这个dynamic创build的<iframe>的document.domain属性？或者，我没有从正确的angular度来看待这个问题吗？还有另外一种方法可以实现我要做的事情，而不会遇到这个问题吗？在任何情况下，我确实需要使用<iframe>，因为隔离/沙盒窗口对于这个小部件的function至关重要。这是我的testing代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Document.domain Test</title> <script type="text/javascript"> document.domain = 'onespot.com'; // set the page's document.domain </script> </head> <body> <p>This is a […]

HTMLembedded式PDF iframe: 我已经使用该标签来embeddedPDF文件。 <iframe id="iframepdf" src="files/example.pdf"></iframe> 这在Chrome，IE8 +，Firefox等工作正常，但由于某些原因，当有人在IE8中查看它，文件正在下载，而不是embedded。我知道这个浏览器是过时的，但它是我的办公室内的标准浏览器，因此，网站必须为此而devise。有没有人有任何想法，为什么发生这种情况，我可以修复它，否则把一个错误消息，而不是让文件下载？

如何检查iframe是否被加载或有内容？: 我有一个id =“myIframe”的iframe，在这里我的代码加载它的内容： $('#myIframe').attr("src", "my_url"); 这个问题有时需要花费很长时间才能完成，有时甚至会很快加载。所以我必须使用“setTimeout”function： setTimeout(function(){ if (//something shows iframe is loaded or has content) { //my code } else { $('#myIframe').attr("src",""); //stop loading content } },5000); 所有我想知道的是如何找出一个iFrame是否被加载或有内容。使用iframe.contents().find()将不起作用。我不能使用iframe.load(function(){}) 。