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

时间:2011-10-10 11:49:32

标签: jquery security google-chrome iframe visibility

我正在使用像

这样的东西
$('ul li').find('iframe').css({'visibility':'visible'});

在Firefox和Opera中运行良好,

控制台错误:

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

测试网址:http://www.youtube.com/embed/hurnoKLuBD8

任何想法?

- 编辑 -

我用

修复了它
.invisible{ text-indent:-9999px }

<div class="iframe"><iframe></iframe></div>

$('ul li').find('.iframe').addClass('invisible');

但仍想知道如何修复它只使用iframe

3 个答案:

答案 0 :(得分:6)

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

css( 'opacity', 0 )

答案 1 :(得分:3)

实际使iframe不可见(即使用visibility:hiddendisplay:none)存在问题。 但你可以通过足够小来让它们消失

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

答案 2 :(得分:-1)

对象贴图应该可以正常工作但如果您只设置单个样式,则可能更容易完全跳过对象贴图。试试这个:

$('ul li').find('.titThumb').css('visibility', 'visible');
$('ul li').find('.titIframe').css('visibility', 'hidden');

http://api.jquery.com/css/