iframe 배경 투명도를 설정하는 방법-JS 튜토리얼-php.cn

iframe 배경 투명도를 설정하는 방법

高洛峰

풀어 주다： 2016-12-24 16:55:10

원래의

1298명이 탐색했습니다.

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

<iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>

로그인 후 복사

물론 색상이 설정되지 않는다는 전제입니다.
위에서 우리는 주로 style="Background-color=transparent"라는 코드를 스타일로 보았기 때문에 다음 4가지 IFRAME 작성 방법을 통해 어떻게 해야 하는지 명확히 이해해야 한다고 생각합니다. iframe 배경 투명도 효과 달성:

<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>
<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>
<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>
<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>

로그인 후 복사

이제 예를 살펴보겠습니다
이 예는 주로 iframe 객체의 AllowTransparency 속성이 true로 설정되고 배경색이 적용됩니다. iframe에 의해 로드된 페이지가 투명으로 설정되면 iframe이 투명해집니다.
allowTransparency는 객체가 투명할 수 있는지 여부를 설정하거나 가져옵니다.
bgColor는 객체의 배경색을 설정하거나 가져옵니다

상위 페이지

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>父页面</title>
</head>
<body bgcolor="#FF0000">
<iframe src="index.htm"  allowTransparency="true"></iframe>
</body>
</html>

로그인 후 복사

하위 페이지

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>子页面</title>
<style type="text/css">
body
{
    background-color: transparent; 
}
</style>
</head>
<body>
</body>
</html>

로그인 후 복사

iframe 배경 투명도 설정 방법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!