$('iframe').css('visibility','hidden')无法在Google Chrome中使用

Question

我正在使用类似的东西

$('ul li').find('iframe').css({'visibility':'visible'});

在Firefox和Opera中运行良好

控制台错误:

不安全的JavaScript尝试使用URL文件访问框架:/// D:/Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm来自URL http://www.youtube.com/embed/hurnoKLuBD8.域,协议和端口必须匹配.

测试网址: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一起工作

Answer 1

我知道这有点过时了,但我遇到了同样的问题.我的解决方案是

css( 'opacity', 0 )

Answer 2

visibility:hidden实际上使 iframe 不可见（即使用或）存在问题display:none。但你可以通过足够小让它们消失

$('ul li').find('iframe').css({"height":"0", "width":"0", "border":"none"});