1. ev
  2. Soru-cevap
  3. Google Chrome, Flash ve z dizini yanlış davranış

Google Chrome, Flash ve z dizini yanlış davranış

2011-03-16 24 views
10

Bir flash video içeren iframe üzerinden bir div göstermem gerekiyor. Div'in z-dizini 9999 olarak ayarlanır. Ancak ifarame herhangi bir z-endeksine sahip değildir. Ancak div yalanları Google Chrome için flaştan geliyor, IE 7/8/9 ve Mozila Firefox'ta çalışıyor.Google Chrome, Flash ve z dizini yanlış davranış

i kullanıyorum kod

<!doctype html> 
<html> 
<head></head> 
<body></body> 
</html>

Bu sorunun etrafında bazı işler verin flash.html

<!doctype html> 
<html> 
    <head> 
     <title> Flash - zIndex</title> 
    </head> 
    <body> 
     <div style="position : absolute;left:200px;top:200px;width:320px; height:220px;background-color:#fff;z-index:999;" > 
      <iframe src="blank.html" style="width:100%; height:100%;"> 
      </iframe> 
     </div> 
      <div id="textDiv" style="position : absolute; z-index:9999; left:200px;top:200px;border: 5px solid rgb(235, 127, 0);width:300px; height:200px;background-color:#fff;overflow:auto;"> 
      this is the text div 
      </div> 
     <div id="flashDiv" style="height: 150px;"> 
     </div> 
      <iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/3RD_3wooRjI" frameborder="0" allowfullscreen></iframe> 
    </body> 
</html>

blank.html

olduğunu. peşin

sayesinde

Prashant

Not: tutmak olarak çözüm söyleme lütfen "wmode = transparent" iframe src bir get parametresi olarak. Bu konu için genel bir çözüm değil.

kaynak

2011-03-16 Prashant Dubey

cevap

20

Sorgu dizesi ile bir wmode parametresi ekleyebilirsiniz.

Ör:

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 

    $("iframe").each(function(){ 
     var ifr_source = $(this).attr('src'); 
     var wmode = "wmode=transparent"; 
     if(ifr_source.indexOf('?') != -1) $(this).attr('src',ifr_source+'&'+wmode); 
     else $(this).attr('src',ifr_source+'?'+wmode); 
    }); 

    }); 
</script>

tarafından: src="http://www.youtube.com/embed/LSaoRSlqQzw?wmode=opaque"

kaynak

2011-12-22 02:51:53 FabioTNT

6

Sorun muhtemelen flash player'ınızın wmode'udur. o güzel oynaması gerektiğini anlamına gelen "wmode = opak" dene senin z-sipariş flaş içerik benim web sayfasında olması ancak ve ancak, IFRAME içerik üçüncü kişiden ise fark ederseniz http://www.8bitrocket.com/2011/02/11/quick-guide-to-wmode-and-flash-embedding/

kaynak

2011-03-16 09:40:21 divillysausages

+0

Merhaba divillysausages, Öneriniz, için sayesinde ama olarak src değiştirmek istemiyorum onun üçüncü bir tarafın sağladığı (bu durumda youtube). Teşekkürler Prashant –

+0

javascript ile değiştirebilir ve ne olduğunu görebiliyor musunuz? – divillysausages

1

Ben, wmode ekleyebilir (YouTube, bu durumda). Bu senaryoyu nasıl ele alabilirim?

kaynak

2011-03-16 10:01:08

+0

gerçekten tbh gibi soruları eklememelisiniz, fakat bunun gibi - – Horse

İlgili konular

 İlgili konular