>웹 프론트엔드 >HTML 튜토리얼 >div가 iframe에 의해 차단되는 경우의 여러 상황 및 해결 방법

div가 iframe에 의해 차단되는 경우의 여러 상황 및 해결 방법

巴扎黑
巴扎黑원래의
2017-05-21 10:12:571964검색

이 글에서는 iframe에 의해 p가 차단되는 몇 가지 상황과 차단된 후의 해결 방법을 소개합니다.

비슷한 구조:

코드는 다음과 같습니다.

http://caibaojian.com">>

첫 번째 유형: 투명한 배경이 가려짐

p가 투명한 배경을 사용하는 경우(불투명도 또는 rgba 형식) 사용 여부, 크롬 제외 , 기타 브라우저

해결 방법:

p 불투명한 배경을 사용하거나 투명한 배경 이미지를 사용합니다. 두 가지 유형: z-index는 ie8에서 유효하지 않습니다.

즉, iframe에 비디오 비디오 재생을 도입하면 p의 z-index가 유효하지 않게 됩니다. 즉, p의 z-index가 무엇으로 설정되든 iframe에 포함됩니다. 출처 해결책 :

iframe 주소에 wmode=opaque 매개변수를 추가합니다. 주소가 http://caibaojian.com인 경우 http://caibaojian.com?wmode=opaque로 변경합니다. 🎜>

플래시는 다른 요소 뒤에 있습니다

그리고 플래시에도 이런 z-index 오류 문제가 있는 것을 보았는데, 위의 내용을 플래시에 추가하는 것도

코드입니다.

또는

코드는 다음과 같습니다.

< EMBED src="https://cdn.css-tricks.com/FlashAnimation.swf" "application/x-shockwave-flash" wMode="Transparent">

부록 iframe의 일부 매개변수

border

코드는 다음과 같습니다.

Set 그림 및 텍스트 프레임 주위의 가장자리 너비


frameboder

코드는 다음과 같습니다.

< ;/iframe> ;

테두리 3차원 여부 설정(0=아니요, 1=예)


높이,너비

코드는 다음과 같습니다.

테두리의 너비와 높이를 설정합니다.


스크롤

코드는 다음과 같습니다.

스크롤바 유무(yes,no,auto)


src

코드는 다음과 같습니다

< ;iframe src="girl.gif">

iframe에서 호출하는 파일이나 이미지를 지정합니다(html, htm, gif, jpeg, jpg, png, txt,*. *)


요약

위 내용은 모두의 공부나 업무에 도움이 되길 바랍니다. 소통하라는 메시지.

위 내용은 div가 iframe에 의해 차단되는 경우의 여러 상황 및 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!