Questions tagged «iframe»

“ iframe”是一个HTML元素,可在文档内创建“内嵌框架”,从而允许在同一页面中显示单独的文档。


9
YouTube iframe wmode问题
结合使用JavaScript和jQuery,我在YouTube网站上添加了带有youtube网址的iframe,以在网站上显示视频,但是从youtube加载到iframe中的嵌入代码没有wmode =“ Opaque”,因此在页面上显示了模式框在youtube视频下方 任何想法如何解决问题?
134 iframe  youtube  wmode 

10
如何使IFrame在iOS Safari中做出响应?
问题是,当您不得不使用IFrame将内容插入网站时,那么在现代网络世界中,人们期望IFrame也会响应。从理论上讲,它很简单,只需辅助使用<iframe width="100%"></iframe>或将CSS宽度设置为即可,iframe { width: 100%; }但是在实践中,并不是那么简单,但是可以。 如果iframe内容具有充分的响应能力,并且可以在没有内部滚动条的情况下调整自身大小,则iOS Safari可以调整,iframe而没有任何实际问题。 如果考虑以下代码: <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=9,10,11" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Iframe Isolation Test</title> <style type="text/css" rel="stylesheet"> #Main { padding: 10px; } </style> </head> <body> <h1>Iframe Isolation Test 13.17</h1> <div id="Main"> <iframe height="950" width="100%" src="Content.html"></iframe> </div> </body> </html> 使用Content.html: <html> <head> …
134 html  css  iframe 

9
如何防止IFRAME重定向顶级窗口
一些网站具有用于“破解” IFRAME附件的代码,这意味着,如果将页面A作为IFRAME父页面加载到内部,则P某些Javascript A会将外部窗口重定向到A。 通常,此Javascript如下所示: <script type="text/javascript"> if (top.location.href != self.location.href) top.location.href = self.location.href; </script> 我的问题是:作为父页面P的作者而不是内部页面的作者A如何防止A这种突破? PS在我看来,这应该是跨站点安全性违规,但事实并非如此。
133 javascript  html  iframe 

10
通过iframe嵌入YouTube视频是否忽略z-index?
我正在尝试实现水平的多级下拉导航菜单。在菜单的下方(垂直),我通过iframe嵌入了YouTube视频。如果我将鼠标悬停在Firefox中的一级导航上,则下拉菜单会正确显示在视频顶部。 但是,在Chrome和IE9中,在菜单和iframe之间的一小段空间中,只有一小部分下拉菜单可见。其余的似乎都在 iframe的后面。 问题似乎与YouTube视频有关,而不与iframe有关。为了进行测试,我将iframe定位于另一个网站而不是视频,并且即使在IE中,下拉菜单也可以正常工作。 问题1:WTF? 问题2:为什么,即使我明确地将z-index:-999 !important; iframe 放在iframe上,仍然会出现此问题? YouTube嵌入代码中是否包含一些内部CSS,以某种方式覆盖了一切?
130 css  iframe  youtube 

20
使用JavaScript检测对iframe的点击
我了解,iframe如果是跨域用户,则无法判断用户在做什么。我想做的是跟踪用户是否完全单击iframe。我想象一个场景,div在之上有一个不可见的区域iframe,而the div会随后将click事件传递给iframe。 这样的事情可能吗?如果是的话,我将如何处理?的iframes是广告,所以我必须在所使用的标签没有控制权。


5
在iFrame jQuery中选择元素
在我们的应用程序中,我们解析一个网页并将其加载到iFrame中的另一个页面中。该加载页面中的所有元素都有其令牌标识。我需要通过那些tokenid -s选择元素。意思是-我单击主页上的元素,然后在iFrame中选择页面中的相应元素。在jQuery的帮助下,我通过以下方式进行操作: function selectElement(token) { $('[tokenid=' + token + ']').addClass('border'); } 但是,使用此功能,我只能选择当前页面中的元素,而不能选择iFrame中的元素。谁能告诉我如何在加载的iFrame中选择元素? 谢谢。

3
HTML代码作为IFRAME源而不是URL
这是IFRAME的标准代码,有没有办法用Just html代码替换src URL?所以我的问题很简单,我有一个页面,该页面从MYSQL加载HTML主体,我想在框架中显示该代码,以便使其独立于页面的其余部分,并不受特定边界的限制。 <iframe src="http://example.com" name="test" height="120" width="600">You need a Frames Capable browser to view this content.</iframe>
122 html  iframe  frame 


12
从iframe移除滚动条
使用此代码 <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe> 这就是它的显示方式(http://www.talkjesus.com主页上的喊话框) 如何删除水平滚动条并修改垂直滚动条的CSS?
117 html  css  iframe 

3
如何使用jQuery访问iframe的内容?
如何使用jQuery访问iframe的内容?我尝试这样做,但是不起作用: iframe内容: <div id="myContent"></div> jQuery的: $("#myiframe").find("#myContent") 我该如何访问myContent? 与 jquery / javascript 类似:访问iframe的内容,但可接受的答案不是我想要的。
116 jquery  iframe 



5
在youtube iframe上覆盖不透明div
如何在youtube iframe嵌入式视频上叠加具有半透明不透明度的div? <iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0"></iframe> <div id="overlay"></div> 的CSS #overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; /*background:rgba(255,255,255,0.8); or just this*/ z-index:50; color:#fff; } 编辑(添加更多说明): HTML5正在接近我们,越来越多的设备使用它而不是Flash,这使youtube视频的嵌入变得复杂,幸运的是,youtube提供了一种特殊的可嵌入iFrame,可以处理所有视频嵌入兼容性问题,但是现在,以前使用半透明div覆盖视频对象的方法不再有效,我现在无法<param name="wmode" value="transparent">向该对象添加a ,因为它现在是iFrame,因此我该如何在其顶部添加不透明的div iframe嵌入式视频?
110 html  css  iframe  youtube  overlay 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.