隱藏圖像使用jquery沒有也隱藏父DIV背景圖像

使用jquery我瞄準一個div內的img隱藏點擊以揭示它後面的視頻iframe。這工作正常，但是，通過單擊div，它也隱藏父div背景圖像。隱藏圖像使用jquery沒有也隱藏父DIV背景圖像

請看到這裏的工作示例通過點擊其中一個視頻：http://london.illustratedpeople.com/genx.html

它只是似乎是在Safari中的問題，並在Chrome中工作正常。

HTML：

<div class="profilevideo"> 
<img src="images/PLAY.png" width="600" height="338" alt="video" class="profile" /> 
<iframe src="http://player.vimeo.com/video/78191862?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
</div>

的jQuery：

$('.profilevideo > img').click(function(event) { 
event.stopPropagation(); 
var $img = $(this); 
$img.hide(); 
$img.next().show(); 
});

更新這是，我看到的背景變化的參考，在點擊後和點擊前序： imgur.com/sZ9ps59,wcFVWEj#0 （1.點擊後2.before）

謝謝提前，我找不到解決這個問題的方法！

布拉德利

來源

2013-11-04 Bradley Bell

對我來說在Chrome和Safari瀏覽器中看起來不錯，它們都具有相同的渲染引擎，因此不確定您看到的是什麼問題。 –

對於我在Safari中點擊視頻時，背景圖像會消失爲黑色，並在Chrome中保留..這很奇怪嗎？ –

@ TomChew-headMillard Chrome 28+現在使用[Blink]（https://en.wikipedia.org/wiki/Blink_%28layout_engine%29）佈局引擎。這是WebKit的一個分支，但是它們之間已經有了細微差別，隨着兩種佈局引擎的不斷髮展，它們的數量也將不斷增加。 – ajp15243

有一件事我能想象到（因爲我真的不能從你的鏈接告訴）是，當你隱藏圖像，它的CSS display屬性設置爲none;因爲這個原因，包含的div將會縮小，因爲沒有任何東西可以將它強制爲當前的大小了。

嘗試手動設置容器的width和height，看看它是否仍然發生。

來源

2013-11-04 17:45:31 moritzpflaum

不幸的是，如果我設置.profilevideo的高度和寬度，它似乎沒有區別..而包含div已被設置爲寬度：100％，高度100％...任何更多的想法？ –

我只是下載Safari。什麼是「背景圖像」？我看到的是（點擊之前和之後）：http://imgur.com/QOdVibL,upuVsCU 它看起來像Safari，Chrome和Opera 12.16。 – moritzpflaum

多數民衆贊成在奇怪..背景圖像是白色容器後面的圖像...對我來說，這發生http://imgur.com/sZ9ps59,wcFVWEj#0（1.點擊後，然後2.before） –

隱藏圖像使用jquery沒有也隱藏父DIV背景圖像

回答

相關問題