Kadang-kadang website yang kita design haruslah dinamis dan bisa di integrasikan dengan halaman lain diluar site utama. Nah cara yang paling cepat dan mudah menggabungkan atau menampilkan halaman lain adalah dengan menggunakan “iFrame”, cara ini relatif mudah karena tinggal menuliskan metode iframe dan menyebutkan URL atau alamat file yang ingin ditampilkan.
<iframe width=”715″ height=”1000″ frameborder=”0″ align=”middle” name=”ok” src=”halaman2.php” allowtransparency=”true”>
</iframe>
Namun demikian, bagaimana jika kita bermain-main dengan background warna dan image ? kalau di browser firefox mungkin tidak terlalu bermasalah , tapi jika kita buka hasil iframe tersebut di Internet Explorer (IE) khususnya yang versi 6.0 ke bawah, maka kita akan mendapati ternyata background halaman yang kita panggil berbeda dengan halaman utamanya.
Jika kita menggunakan background warna yang sama antara halaman utama dengan halaman yang kita panggil mungkin tidak terlalu bermasalah, tapi bagaimana jika menggunakan background image dan ingin halaman yang kita panggil terlihat transaparan? maka hal itu akan sangat berpengaruh sekali.
Nah dibawah ini mungkin beberapa tips singkat dan padat cara menampilkan backgound transparan pada iframe.
Pertama, Gunakan atribut allowTransparency yang ada pada iframe , set nilai menjadi true , contoh AllowTransparency=”True” , atribut ini digunakan didalam iframe.
Kedua, Set background page yang kita panggil jadi transparan dengan menggunakan perintah CSS berikut : STYLE=”background-color:transparent”, letakkan perintah CSS tersebut pada BODY. Contoh <body STYLE=”background-color:transparent”>
nah dengan 2 cara tersebut dijamin halaman yang dipanggil akan kelihatan transparan. Selamat mencoba . 
Source :
http://www.thescripts.com/forum/thread149249.html
http://msdn2.microsoft.com/en-us/library/ms533072(VS.85).aspx
R3dwood berkata,
Juni 11, 2008 pada 8:36 am
akhirnya dapet juga script yang selama ini ku cari ternyata simpel yah
kirian harusa pake script heuheuheu cukup css ternyata