iframe 배경 투명도 설정 방법_기본 튜토리얼-CSS 튜토리얼-php.cn

iframe 배경 투명도 설정 방법_기본 튜토리얼

WBOY

풀어 주다： 2016-05-16 12:03:41

원래의

2212명이 탐색했습니다.

IE5.5는 플로팅 프레임의 콘텐츠 투명성을 지원하기 시작합니다. 부동 프레임에 대한 투명한 내용을 정의하려면 다음 조건을 충족해야 합니다.
1. iframe 요소와 함께 사용되는 AllowTransparency 태그 속성은 true로 설정되어야 합니다.
2. iframe 콘텐츠 소스 문서에서 background-color 또는 body 요소의 bgColor 태그 속성을 투명으로 설정해야 합니다

코드 복사 코드는 다음과 같습니다.

물론 색상이 설정되어 있지 않다는 전제가 있습니다.
위에서 주로 볼 수 있는 스타일은 다음과 같은 4가지 IFRAME 작성 방법을 통해 iframe 배경을 어떻게 구현하는지 명확히 이해해야 할 것 같습니다. 투명도 효과:

코드 복사 코드는 다음과 같습니다.

<br><IFRAME ID="Frame2" SRC="transparentBody.htm" allowedTransparency="true" STYLE="배경색 : 녹색"> 
< IFRAME ID="Frame3" SRC="transparentBody.htm">
 &lt ;/IFRAME><br> </div>
<br>이제 예를 살펴보겠습니다<br>이 예는 주로 iframe의 AllowTransparency 속성을 적용한 것입니다. 이 속성은 true로 설정되고 iframe에 의해 로드된 페이지의 배경색은 투명하면 iframe이 투명해집니다. <br>allowTransparency는 객체가 투명할 수 있는지 여부를 설정하거나 가져옵니다. <br>bgColor는 객체의 배경색을 설정하거나 가져옵니다
<p>상위 페이지<br></p>
<div class="codetitle">
<span><a style="CURSOR: pointer" data="3380" class="copybut" id="copybut3380" onclick="doCopy('code3380')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div>
<div class="codebody" id="code3380">
<br><html> <br> <head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br><title>상위 페이지</title><br>&lt ;/head><br><body bgcolor="#FF0000"><br><iframe src="index.htm"allowTransparency="true">
< /body> ;

 

하위 페이지

코드 복사 코드는 다음과 같습니다.

하위 페이지
< ;style type="text/css">
body
{
background-color: transparent
}