<!DOCTYPE html>
<html lang="zh
-CN">
<head>
<meta charset="UTF
-8">
<meta name="v
iewport" content="width=device
-width, initial
-scale=1.0">
<title>法国香水</title>
<style>
body {
font
-family: Arial, sans
-serif;
margin: 0;
padding: 20px;
background-color: #f9f9f9;
}
table {
width: 100%;
border
-collapse: collapse;
background-color: white;
box
-shadow: 0 0 10px rgba(0,0,0,0.1);
}
th, td {
border: 1px solid #ddd;
padding: 10px;
}
.main
-header {
background-color: #8a6d3b;
color: white;
font
-size: 24px;
text
-align: center;
}
.nav
-table {
width: 100%;
background-color: #f5f5f5;
}
.nav
-table th {
padding: 10px 0;
}
.nav
-table a {
color: #8a6d3b;
text
-decoration: none;
padding: 5px 10px;
}
.nav
-table a:hover {
background-color: #8a6d3b;
color: white;
}
.sidebar {
width: 150px;
background-color: #f9f9f9;
vertical
-align: top;
}
.sidebar a {
display: block;
padding: 8px;
color: #8a6d3b;
text
-decoration: none;
}
.sidebar a:hover {
background-color: #e9e9e9;
}
.content
-frame {
width: 100%;
height: 400px;
border: none;
}
.frame
-placeholder {
padding: 20px;
text
-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="2" class="main
-header">法国香水</th>
</tr>
<tr>
<td colspan="2">
<table class="nav
-table">
<tr>
<th><a href="https://baike.baidu.com/item/法国香水/9555577" target="_blank">外部链接</a></th>
<th><a href="作业3.html">本地链接</a></th>
<th><a href="#">下载链接</a></th>
<th><a href="#4">播放链接</a></th>
</tr>
</table>
</td>
</tr>
<tr>
<td class="sidebar">
<p><a href="work31.html" target="contentFrame">历史起源</a></p>
<p><a href="work32.html" target="contentFrame">香水信息</a></p>
<p><a href="work33.html" target="contentFrame">设计理念</a></p>
<p><a href="work34.html" target="contentFrame">综合鉴赏</a></p>
</td>
<td>
<
iframe name="contentFrame" class="content
-frame" src="about:blank">
<div class="frame
-placeholder">
<h3>法国香水</h3>
<p>请点击左侧菜单查看详细信息</p>
</div>
</
iframe>
</td>
</tr>
</table>
</body>
</html>在右边空白处添加网页
本文介绍了如何在Internet Explorer浏览器中解决iframe背景透明的问题。通过设置allowtransparency属性为true，可以使iframe在Firefox、Safari及IE等浏览器中正常显示透明背景。
扫一扫
2148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
