$ ('iframe'). Css ('tầm nhìn', 'ẩn') không làm việc trong google chrome

Question

Tôi đang sử dụng một cái gì đó giống như

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

Mà hoạt động tốt Trong Firefox và Opera,

console lỗi:

nỗ lực không an toàn hoạt Javascript để truy cập vào khung với tập tin URL: /// D: /Configuracion/Documents%20and%20Settings/TNMC000/Escritorio/player/roundabout/js/round1.htm từ khung với URL http://www.youtube.com/embed/hurnoKLuBD8. Tên miền, giao thức và cổng phải phù hợp. URL

Test: http://toniweb.us/vimeo-like/js/images.htm

bất kỳ ý tưởng?

-EDIT-

tôi cố định nó bằng cách sử

.invisible{ text-indent:-9999px } 

và

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

và

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

Nhưng vẫn muốn biết làm thế nào để sửa chữa nó làm việc với chỉ iframe

Answer 1

Có vấn đề với thực tế làm cho iframe vô hình (ví dụ: sử dụng visibility:hidden hoặc display:none). Nhưng bạn có thể làm cho chúng biến mất bằng cách đủ nhỏ

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

Answer 2

Bản đồ đối tượng sẽ hoạt động tốt nhưng nếu bạn chỉ đặt một kiểu đơn thì có thể dễ dàng bỏ qua toàn bộ bản đồ đối tượng. Hãy thử điều này:

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

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

Answer 3

Tôi biết điều này có một chút lỗi thời, nhưng tôi chỉ gặp vấn đề tương tự. Giải pháp của tôi là

css('opacity', 0)