เมื่อเร็ว ๆ นี้ฉันต้องใช้ IFRAME บ่อยครั้งเพื่อวาดกรอบลำดับชั้นสำหรับหน้าเว็บระหว่างการทำงานโครงการ เบราว์เซอร์ส่วนใหญ่ไม่มีพื้นหลัง แต่ iframes มีสีพื้นหลังสีขาวโดยค่าเริ่มต้นใน IE เมื่อสีพื้นหลังหลักไม่ใช่สีขาวมันจะปรากฏขึ้นอย่างฉับพลันในส่วนนี้ วิธีการแก้ปัญหาจะได้รับในคู่มือความช่วยเหลือนั่นคือตั้งค่าคุณสมบัติที่อนุญาตให้ใช้งานได้ใน iframe เป็นจริงและคุณสามารถทำได้ ตัวอย่างที่เกี่ยวข้องยังได้รับในเอกสารช่วยเหลือดังนี้:
คัดลอกรหัส
รหัสมีดังนี้:
<body style = "พื้นหลังสี: สีแดง">
<iframe id = "frame1" src = "transparentbody.htm" levertransparency = "true">
</iframe>
<iframe id = "frame2" src = "transparentbody.htm" levertransparency = "true"
style = "พื้นหลังสี: สีเขียว">
</iframe>
<iframe id = "frame3" src = "transparentbody.htm">
</iframe>
<iframe id = "frame4" src = "transparentbody.htm"
style = "พื้นหลังสี: สีเขียว">
</iframe>
</body>
ในทางทฤษฎีไม่มีปัญหาในการทำเช่นนี้ แต่ดูเหมือนว่าจะไม่มีปฏิกิริยาใหญ่และยังมีพื้นหลังสีขาว ในความเป็นจริง ณ จุดนี้เรายังคงต้องเพิ่ม <body bgcolor = "โปร่งใส"> ลงในแท็ก <body> ของหน้าย่อย ตัวอย่างมีดังนี้:
http://img.blog.csdn.net/20140610165850968?watermark/2/Text/AHR0CDOVL2JSB2CUY3NKBI5UZXQVA3 VUCGVUZ19TDWJHBW ==/FONT/5A6L5L2T/FONTSIZE/400/FULL/I0JBQKFCMA ==/ละลาย/70/แรงโน้มถ่วง/ศูนย์กลาง
Main.html รหัสหน้าหลัก:
คัดลอกรหัส
รหัสมีดังนี้:
<html>
<head>
<title> </title>
</head>
<body style = "พื้นหลังสี: สีน้ำเงิน">
<ตาราง
style = "ความกว้าง: 100%; ชายแดน: 0; ความสูง: 100%; CellPadding: 0; การเปลี่ยนเซลล์: 0">
<tr height = "100%">
<td height = "100%" width = "30%">
<iframe id = "test1" src = "test1.html" lewaltransparency = "true" width = "100%" ความสูง = "100%"> </iframe> </td>
<td height = "100%" width = "40%">
<iframe id = "test2" src = "test2.html" levertransparency = "true" width = "100%" ความสูง = "100%"> </iframe> </td>
<td height = "100%" width = "30%">
<iframe id = "test3" src = "test3.html" width = "100%" ความสูง = "100%"> </iframe> </td>
</tr>
</table>
</body>
</html>
test1.html รหัสหน้า:
คัดลอกรหัส
รหัสมีดังนี้:
<html>
<head>
<title> </title>
</head>
<body bgcolor = "โปร่งใส">
<H1> test1 </h1>
</body>
</html>
test2.html รหัสหน้า:
คัดลอกรหัส
รหัสมีดังนี้:
<html>
<head>
<title> </title>
</head>
<body>
<H1> test2 </h1>
</body>
</html>
test3.html รหัสหน้า:
คัดลอกรหัส
รหัสมีดังนี้:
<html>
<head>
<title> </title>
</head>
<body>
<H1> test3 </h1>
</body>
</html>
ตัวอย่างเล็ก ๆ นี้ส่วนใหญ่เป็นแอปพลิเคชั่นคุณสมบัติของ FordTransparency ของแท็ก iframe เมื่อคุณสมบัติถูกตั้งค่าเป็น TRUE และสีพื้นหลังของแท็ก <body> ของหน้าย่อยที่โหลดโดย iframe ถูกตั้งค่าเป็นโปร่งใส (โปร่งใส)
NowlTransparency ตั้งค่าหรือได้รับว่าวัตถุนั้นสามารถโปร่งใสได้หรือไม่
ชุด bgcolor หรือได้รับสีพื้นหลังของวัตถุ