Baru -baru ini, saya perlu sering menggunakan iframe untuk menggambar kerangka kerja hierarkis untuk halaman selama pekerjaan proyek. Sebagian besar browser tidak memiliki latar belakang, tetapi iframe memiliki warna latar belakang putih secara default di IE. Ketika warna latar belakang utama tidak putih, itu akan tampak mendadak di bagian ini. Solusinya diberikan dalam manual bantuan, yaitu, atur properti Allowtransparent di iframe ke True, dan Anda dapat melakukannya. Contoh yang sesuai juga diberikan dalam dokumentasi bantuan, sebagai berikut:
Salin kode
Kodenya adalah sebagai berikut:
<Body style = "latar belakang-warna: merah">
<Iframe id = "frame1" src = "transparentbody.htm" allupransparency = "true">
</Iframe>
<Iframe id = "frame2" src = "transparentbody.htm" allupransparency = "true"
Style = "latar belakang-warna: hijau">
</Iframe>
<Iframe id = "frame3" src = "transparentbody.htm">
</Iframe>
<Iframe id = "frame4" src = "transparentbody.htm"
Style = "latar belakang-warna: hijau">
</Iframe>
</body>
Secara teori, tidak ada masalah melakukan ini, tetapi IE tampaknya tidak memiliki reaksi besar dan masih memiliki latar belakang putih. Bahkan, pada titik ini, kita masih perlu menambahkan <body bgcolor = "transparan"> ke tag <body> dari subhalaman. Contohnya adalah sebagai berikut:
http://img.blog.csdn.net/20140610165850968?watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqva3 Vucgvuz19tdwjhbw ==/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma ==/larut/70/gravitasi/pusat
Main.html Kode Halaman Utama:
Salin kode
Kodenya adalah sebagai berikut:
<Html>
<head>
<title> </title>
</head>
<body style = "latar belakang-warna: biru;">
<tabel
style = "Lebar: 100%; Border: 0; Tinggi: 100%; Cellpadding: 0; Cellpacing: 0">
<tr tinggi = "100%">
<td tinggi = "100%" lebar = "30%">
<iframe id = "test1" src = "test1.html" Allowtransparency = "true" width = "100%" tinggi = "100%"> </iframe> </td>
<td tinggi = "100%" lebar = "40%">
<iframe id = "test2" src = "test2.html" Allowtransparency = "true" width = "100%" tinggi = "100%"> </fiframe> </td>
<td tinggi = "100%" lebar = "30%">
<iframe id = "test3" src = "test3.html" width = "100%" tinggi = "100%"> </iframe> </td>
</tr>
</boable>
</body>
</html>
test1.html kode halaman:
Salin kode
Kodenya adalah sebagai berikut:
<Html>
<head>
<title> </title>
</head>
<body bgcolor = "transparan">
<h1> test1 </h1>
</body>
</html>
test2.html kode halaman:
Salin kode
Kodenya adalah sebagai berikut:
<Html>
<head>
<title> </title>
</head>
<body>
<h1> test2 </h1>
</body>
</html>
test3.html kode halaman:
Salin kode
Kodenya adalah sebagai berikut:
<Html>
<head>
<title> </title>
</head>
<body>
<h1> test3 </h1>
</body>
</html>
Contoh kecil ini terutama adalah aplikasi properti Allowtransparency dari tag iframe. Ketika properti diatur ke true dan warna latar belakang tag <dody> dari subpage yang dimuat oleh iframe diatur ke transparan (transparan).
setransparency set atau mendapatkan apakah objek bisa transparan.
bgcolor set atau mendapatkan warna latar belakang objek.