Недавно мне нужно часто использовать iframe, чтобы нарисовать иерархические рамки для страниц во время проектной работы. У большинства браузеров нет фона, но iframes по умолчанию имеет белый фон. Когда основной цвет фона не белый, он появится внезапно в этой части. Решение приведено в руководстве по справедливости, то есть установите свойство alluctressparent в iframe true, и вы можете это сделать. Соответствующие примеры также приведены в справочной документации следующим образом:
Скопировать код
Код заключается в следующем:
<Body style = "фоновый цвет: красный">
<Iframe id = "frame1" src = "transparentbody.htm" allowtransparency = "true">
</Iframe>
<Iframe id = "frame2" src = "transparentbody.htm" allowtransparency = "true"
Style = "фоновый цвет: зеленый">
</Iframe>
<Iframe id = "frame3" src = "Transparentbody.htm">
</Iframe>
<Iframe id = "frame4" src = "transparentbody.htm"
Style = "фоновый цвет: зеленый">
</Iframe>
</Body>
Теоретически, нет проблем с этим, но IE, похоже, не имеет большой реакции и все еще имеет белый фон. На самом деле, на данный момент нам все еще нужно добавить <body bgcolor = "прозрачный"> к тегу <body> подпаги. Пример заключается в следующем:
http://img.blog.csdn.net/20140610165850968?watermark/2/ahr0cdovl2jsb2cuy3nkbi5uzxqva3 Vucgvuz19tdwjhbw ==/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma ==/растворение/70/гравитация/центр
Main.html код главной страницы:
Скопировать код
Код заключается в следующем:
<html>
<голова>
<title> </title>
</head>
<body style = "фоновый цвет: синий;">
<таблица
Style = "Ширина: 100%; граница: 0; высота: 100%; CellPadding: 0; сотовая связь: 0">
<tr Height = "100%">
<td height = "100%" ширина = "30%">
<iframe id = "test1" src = "test1.html" allowtransparency = "true" width = "100%" hight = "100%"> </iframe> </td>
<td height = "100%" ширина = "40%">
<iframe id = "test2" src = "test2.html" allytransparency = "true" width = "100%" height = "100%"> </iframe> </td>
<td height = "100%" ширина = "30%">
<iframe id = "test3" src = "test3.html" width = "100%" height = "100%"> </iframe> </td>
</tr>
</table>
</body>
</html>
Test1.html Код страницы:
Скопировать код
Код заключается в следующем:
<html>
<голова>
<title> </title>
</head>
<body bgcolor = "прозрачный">
<h1> test1 </h1>
</body>
</html>
test2.html Код страницы:
Скопировать код
Код заключается в следующем:
<html>
<голова>
<title> </title>
</head>
<тело>
<h1> test2 </h1>
</body>
</html>
test3.html Code:
Скопировать код
Код заключается в следующем:
<html>
<голова>
<title> </title>
</head>
<тело>
<h1> test3 </h1>
</body>
</html>
Этот небольшой пример является в основном приложением свойства alluctressparency на метке iframe. Когда свойство установлено на TRUE, и цвет фона тега <body> подпаги, загруженной iframe, устанавливается на прозрачный (прозрачный).
alluctressparency устанавливает или получается, может ли объект быть прозрачным.
Bgcolor устанавливает или получает цвет фона объекта.