최근에 웹 프로젝트를 진행했는데, 플러그인이 있어서 태그가 표시되었습니다. 상자가 나타나면 <object>를 덮고 iframe에 <div> 대화 상자를 놓습니다. 이것이 이 문제에 대한 해결책입니다. 나는 마침내 이 문제를 해결했고, 참고할 수 있도록 내 아이디어를 여러분과 공유하겠습니다. </p> <hr> <h4> (1) 먼저 개체 태그를 소개하겠습니다. W3school에서는 </h4> <p style="text-align:left;"><strong>정의 및 사용법</strong></p> <p style="text-align:left;">임베디드 개체를 정의합니다. XHTML 페이지에 멀티미디어를 추가하려면 이 요소를 사용하십시오. 이 요소를 사용하면 HTML 문서에 삽입된 개체에 대한 데이터 및 매개 변수는 물론 데이터를 표시하고 조작하는 데 사용할 수 있는 코드를 지정할 수 있습니다. </p> <p style="text-align:left;"><object> 태그는 이미지, 오디오, 비디오, Java 애플릿, ActiveX, PDF 및 Flash와 같은 개체를 포함하는 데 사용됩니다. </p> <p style="text-align:left;">객체는 원래 img 및 애플릿 요소를 대체하도록 고안되었습니다. 그러나 버그와 브라우저 지원 부족으로 인해 이런 일이 발생하지 않았습니다. </p> <p style="text-align:left;">브라우저의 개체 지원은 개체 유형에 따라 다릅니다. 불행하게도 주요 브라우저는 모두 다른 코드를 사용하여 동일한 개체 유형을 로드합니다. </p> <p style="text-align:left;">다행히 개체가 솔루션을 제공합니다. 개체 요소가 표시되지 않으면 <object>와 </object> 이런 방식으로 여러 개체 요소(각 브라우저당 하나씩)를 중첩할 수 있습니다. </p> <p><span style="color: #ff0000">일반적으로 object 태그는 멀티미디어를 삽입하는 데 사용됩니다. </span></p> <h4> (2) 개체 태그의 몇 가지 중요한 속성을 간략하게 소개합니다. </h4> <p>classid - 응용 프로그램과 Windows 시스템에 포함된 콘텐츠를 실행하는 응용 프로그램의 고유 ID를 연결합니다(이 ID는 변경할 수 없습니다. 그렇지 않으면 프로그램이 비정상 ),</p> <p>예를 들어 clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 -- Flash</p> <p>data --는 개체에서 사용하는 리소스의 URL을 지정합니다. </p> <h3> (3) IE의 개체 태그 적용 문제</h3> <p>관련 리소스를 쿼리한 결과 IE의 <object>는 창 요소, 즉 창 요소가 항상 창 이외의 요소 위에 렌더링된다는 것을 발견했습니다. 유일한 해결 방법은 iframe을 중간 요소로 사용하는 것입니다. 즉, iframe을 사용하여 객체를 덮은 다음 div를 사용하여 iframe을 덮는 것입니다. </p> <div class="cnblogs_code"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div class="dropdown"><p>我是对话框</p><iframe id="iframe" src="about:blank" frameborder="0" marginheight="0" marginwidth="0" style="position:absolute;visibility:inherit; top:0px;left:0px;width:100%; height:100%;z-index:-1; filter:alpha(opacity=0);"> 로그인 후 복사 참고: 1. div는 특정 Z-색인을 갖고 iframe의 Z-색인보다 커야 하며 자동이거나 비어 있을 수 없습니다. 2. z는; -iframe의 index는 음수여야 합니다. (이전에는 항상 양수 값으로 설정되어 있었습니다. div의 z-index보다 작지만 div가 덮을 수 없습니다.) 그렇지 않으면 div가 iframe을 덮을 수 없습니다. 3. iframe의 상단과 왼쪽은 0이고, 높이는 div의 너비와 높이와 같습니다. 4. 5. 페이지에 팝업 상자가 여러 개 있는 경우 js를 사용하여 iframe을 동적으로 추가할 수 있습니다.
