关键词：
【中文标题】$(\'iframe\').css(\'visibility\',\'hidden\') 在谷歌浏览器中不起作用【英文标题】：$('iframe').css('visibility','hidden') not working in Google chrome$('iframe').css('visibility','hidden') 在谷歌浏览器中不起作用 【发布时间】：2011-12-04 11:11:37 【问题描述】：我正在使用类似的东西
$('ul li').find('iframe').css('visibility':'visible');
在 Firefox 和 Opera 中运行良好，
控制台错误：
不安全的 JavaScript 尝试从 URL http://www.youtube.com/embed/hurnoKLuBD8 的框架访问具有 URL file:///D:/Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm 的框架。域、协议和端口必须匹配。
测试网址：http://toniweb.us/vimeo-like/js/images.htm
有什么想法吗？
-编辑-
我修复了它使用
.invisible text-indent:-9999px
和
<div class="iframe"><iframe></iframe></div>
和
$('ul li').find('.iframe').addClass('invisible');
但仍然想知道如何仅使用 iframe 修复它。
【问题讨论】：
您是否在控制台中看到任何错误？ 在 chrome 控制台$('h1').css('visibility':'hidden'); 中运行脚本时，我没有看到您的错误在 *** 上正常工作。您确定chrome和其他浏览器之间的所有其余部分都相同吗？
你能重现jsFiddle/JS Bin上的问题吗？
我将它应用到
我正在从我的计算机执行文件，它在地址栏中显示为 file://。我试图举一个简单的例子，但更容易分享脚本的链接。就在这个问题上。非常感谢
【参考方案1】：
我知道这有点过时了，但我遇到了同样的问题。我的解决方案是
css( 'opacity', 0 )
【讨论】：
你仍然可以点击它;)【参考方案2】：实际上使 iframe 不可见存在一些问题（即使用 visibility:hidden 或 display:none）。
但是你可以通过足够小来让它们消失
$('ul li').find('iframe').css("height":"0", "width":"0", "border":"none");
【讨论】：
嗨，感谢您的意见。但是您认为这适用于 youtube iframe 吗？【参考方案3】：对象映射应该可以正常工作，但如果您只设置一个样式，则完全跳过对象映射可能更容易。试试这个：
$('ul li').find('.titThumb').css('visibility', 'visible');
$('ul li').find('.titIframe').css('visibility', 'hidden');
http://api.jquery.com/css/
【讨论】：
我不介意投反对票，但我很感激评论解释。我们都想在这里提高自己。 你可能会被否决，因为改变.css() 的调用方式不会改变任何事情。两种方式都是正确的。您的回答应该是评论。将 CSS 添加到 iFrame [重复]
】将CSS添加到iFrame[重复]【英文标题】：AddCSStoiFrame[duplicate]【发布时间】：2011-10-2102:01:18【问题描述】：可能重复：HowtoapplyCSStoiFrame?现在我正在通过jquery加载iframe：$(window).load(function()$(\'iframe\').load(function()$(\'iframe\').show()$(\'#load... 查看详情
iframe更改内容CSS样式[重复]
】iframe更改内容CSS样式[重复]【英文标题】：IframeChangeContentCSSStyle[duplicate]【发布时间】：2013-05-1513:08:34【问题描述】：我的网页中确实有一个iframe，但我想更改css/字体样式等。<iframename=\'iframe1\'id="iframe1"src=\'<?phpecho"http://mic... 查看详情
iFrame 高度自动 (CSS)
】iFrame高度自动(CSS)【英文标题】：iFrameHeightAuto(CSS)【发布时间】：2014-08-0105:11:42【问题描述】：我的iframe出现问题。我真的希望框架根据iframe中的内容自动调整高度。我真的很想通过没有javascript的CSS来做到这一点。不过，如果... 查看详情
iframe引入页面
将外层css框架单独存放在一个css文件之中，将iframe的css单独写在一个css文件，避免iframe中的html,body等公共部分的样式冲突。外层框架单独写在一个css，如：frame.css 引入页面的css单独写在一个文件，如：content.css frame.html如... 查看详情
使用iframe打印预览pdf，兼容谷歌火狐浏览器(代码片段)
...(blob);letiframe=document.createElement("IFRAME");iframe.style.visibili 查看详情
在 iframe 上自定义 css [重复]
】在iframe上自定义css[重复]【英文标题】：Customizingcssonaniframe[duplicate]【发布时间】：2012-12-0913:12:37【问题描述】：可能重复：HowtoapplyCSStoiFrame?我正在使用轮播显示YouTube视频，其中使用了<iframe/>。问题是我想自定义&... 查看详情
css响应式iframe的css(代码片段)
css响应iframe和地图只需css(代码片段)
css响应式iframe(代码片段)
css响应式iframe(代码片段)
css流体iframe容器(代码片段)
水平居中 iframe 而不指定宽度/高度 CSS
】水平居中iframe而不指定宽度/高度CSS【英文标题】：CenterIframeHorizontallyWithoutSpecifyingWidth/HeightCSS【发布时间】：2011-03-1818:47:49【问题描述】：我有一个iframe，我正在尝试使用CSS将其居中，但有没有办法在不指定iframe元素的高度和... 查看详情
如果在 iframe 中以不同方式显示页面（css）
】如果在iframe中以不同方式显示页面（css）【英文标题】：Showpagedifferently(css)ifwithiniframe【发布时间】：2011-05-2005:31:06【问题描述】：有什么办法，正如标题所说的“如果在iframe内以不同方式显示页面（css）”。如果站点在iframe... 查看详情
使用 CSS 定位单个 iframe
】使用CSS定位单个iframe【英文标题】：TargetinganindividualiframewithCSS【发布时间】：2016-08-1722:59:19【问题描述】：在我的tumblr博客上：http://ukgraffiti.tumblr.com/我用过：iframeopacity:0iframe:hoveropacity:1隐藏tumblr控制按钮（关注、仪表板），... 查看详情
css响应的iframe和地图只有css(代码片段)
如何将 css 样式应用到 iframe 内容中？ [复制]
】如何将css样式应用到iframe内容中？[复制]【英文标题】：Howtoapplyingcssstyleintoaniframecontent?[duplicate]【发布时间】：2013-03-2615:07:12【问题描述】：我正在尝试为iframe中的内容应用CSS样式，请查看此链接http://jsfiddle.net/pPqGe/jQuery:$(docu... 查看详情
使用数据属性更改 iframe 内元素的 CSS
】使用数据属性更改iframe内元素的CSS【英文标题】：ChangingCSSofelementinsideaniframeusingdataattribute【发布时间】：2021-06-1812:14:52【问题描述】：我的HTML文档中有一个iframe。此iframe具有数据属性“data-search-id”，即“mainline-top”。如何... 查看详情