iframe z-index 드롭 다운 메뉴

내 웹 사이트의 구조 때문에 iframe을 사용하여 드롭 다운 메뉴 html 파일을 표시해야합니다. 그렇지 않은 경우 IE에서 드롭 다운을 볼 수 없습니다. 여기에 제가 사용하고있는 코드가 있습니다. iframe z-index 드롭 다운 메뉴

<iframe id="a"name="FRAMENAME" src="http://website.com/dropdown.html" width="1000" style="position:relative" background="#F3F0ED" style="z-index:10000" height="40" frameborder="0" scrolling="no" allowautotransparency=true></iframe>

이제 문제는 드롭 다운이 웹 사이트의 다른 이미지 뒤에 숨어 있다는 것입니다. position:relative and z-index:10000을 지정했는데 이미지 위에 겹칠 수는 없습니다. 이 이미지들의 Z- 인덱스는 10000보다 훨씬 적습니다. 어떤 제안이 필요합니까?

출처

2010-07-11 Scorpion King

이미지가 iFrame 외부에있는 경우 드롭 다운 메뉴에서 해당 창 밖으로 나 가려고하기 때문에 드롭 다운 메뉴가 나타나지 않습니다. iframe은 html 내부의 다른 윈도우이므로 윈도우 오버플로가 발생하지 않으므로 iframe 내부의 요소는 z-index에 영향을받지 않습니다. 당신의 http://website.com/dropdown.html 만 드롭 다운 함량이 경우

무엇 당신이 할 수있는, 당신은 "이 그냥 추가 div

출처

2010-07-12 00:27:58

그래서 해결책이 없다고 말하고 있습니까? 웹 사이트를 다시 디자인했지만 아직이 문제에 대한 해결책이 있는지 알고 싶습니다. –

@ Scorpion King, iframe 콘텐츠가 드롭 다운 전용 인 이유는 무엇입니까? –

내 웹 사이트의 구조가 dropdown.html을 포함하도록 요청하고, 일반 포함을 사용할 때 드롭 다운이 IE에서 작동하지 않습니다. 그래도 다른 모든 것들이 잘 어울린다. iframe을 사용할 때 드롭 다운은 IE에서도 작동합니다. 그래서 iframe을 사용하고 싶었습니다. –

-1

로 dropdown.html의 내용을 추가합니다 jQuery를

에 의해

<div id="myDropDown"> 
</div> 


<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#myDropDown").load("http://website.com/dropdown.html"); 
    });  
</script>

를 호출 할 수 있습니다 "?"뒤에 "wmode = transparent"

기억하지 마세요 !! 속성 드롭 다운 Z- 색인도 설정하십시오.

출처

2013-03-16 21:50:36

iframe z-index 드롭 다운 메뉴

답변

관련 문제