2011-01-19 4 views
1

에서 스크롤을 통해 빛나는 나는이 비슷한 문제를 가지고 :JQuery와 UI 대화 Flash 내용 사파리

How to stop Flash content shine-through jQuery UI Dialog in Firefox on Windows

나는 내부의 컨텐츠를 스크롤하고있어

..하지만 단지 사파리 만 대화. 대화 상자가 나타나면 모든 것이 정상입니다. 그러나 마우스 휠이나 막대를 드래그하여 스크롤을 시작하면 플래시 컨텐츠가 빛나고 다시 돌아옵니다.

시작 : 파인 스크롤 한 단계 : 플래시 스크롤 두 번째 단계를 통해 출혈 : 잘 스크롤 세 번째 단계 : 플래시 등

모달 "모드", 모달 배경에 와서 통해 출혈 예를 들어 대화를 통해,하지만 여전히 플래시 이상입니다.

Chrome 및 Firefox가 정상적으로 작동합니다. "wmode = transparent"및 "wmode = opaque"를 시도하고 z- 인덱스를 확인했지만 아무 것도 표시되지 않습니다.

도움 말? swfobject와

플래시 코드 :

<script type="text/javascript">  
    var flashvars = false; 
    var params = {wmode: 'opaque', bgcolor: '#FFF4D5'}; 
    var attributes = false; 
    swfobject.embedSWF("chat/logo.swf", "logo", "250", "100", "9.0.0", "../expressInstall.swf", flashvars, params, attributes); 
       </script> 

대화 오프닝 꼬추 :

function openAdminDialog(buttons) { 

$("#admin-dialog").dialog({ 
    autoOpen: false, 
    width: 925, 
    height: 500, 
    modal: true, 
    title: 'Title', 
    buttons: buttons, 
    close: function() { 
    $('#admin-dialog').remove(); 
    } 
}); 
$('#admin-dialog').dialog('open'); 
} 

편집 : SWFObject는 (사파리 콘솔)이로 번역 :

<object type="application/x-shockwave-flash" data="chat/logo.swf" width="250" height="100" id="logo" style="visibility: visible; "><param name="wmode" value="transparent"><param name="bgcolor" value="#FFF4D5"></object> 
+0

또한이 문제는 Safari 5에서만 발생하며 특정 컴퓨터에서만 발생하는 것으로 보입니다. jQuery UI 대화 상자를 사용하지 않지만 Flash 무비 상단에 레이어 된 일반 HTML 요소와 div가 있으므로 사파리 문제가 jQuery UI 대화 상자와 관련이있는 것으로 판단됩니다. –

+0

고마워. 솔루션을 아직 찾지 못했지만, Jquery없이 같은 일이 발생하면 Safari 오류 일 수 있습니다. –

답변

1

같은 문제가 여기에, Mac 용 Safari에서만 다른 모든 브라우저에서 잘 작동합니다. 심지어는 선택, 텍스트 및 배경 이미지가 표시됩니다 (깜박임, 정확함). 해결할 수있는 유일한 방법은 플래시 컨테이너를 숨기고 닫은 상태에서 다시 표시하는 것입니다.

$(e).click(function(){ 
    $(popup).dialog({  
     close: function(){ 
      $(flashElem).show(); 
     } 
    }); 
    $(flashElem).hide(); 
    return false; 
}); 

최적은 아니지만 작동합니다.