资源管理器中的HTML问题
请有人帮忙吗?
这适用于Safari,Firefox和Chrome,但不适用于Explorer,我不知道为什么。
非常感谢。
<HEAD>
<body link="#FFCC66" vlink="#FFCC66" topmargin="5" alink="#FFCC66" style="text-align:left; background-attachment:fixed" bgcolor="#F3BC3A" leftmargin="50" background="/pictures/bg111uphbl.jpg">
<meta http-equiv="content-type" content=" "></meta>
<title>Text</title>
<meta name=" "></meta>
<style type="text/css" media="screen">
#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 9em;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/10px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}
#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;}
#menu ul ul {
position: absolute;
z-index: 500;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
div#menu ul ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul ul li:hover ul ul ul
{display: none;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul
{display: block;}
</style>
</div>
<div style="position: absolute; width: 880px; height: 50px; z-index: 1; left: 10px; top: 3px" id="layer1">
<div style="position: absolute; width: 880px; height: 600px; z-index: 1; left: -1px; top: 15px" id="layer2">
<!-- start menu HTML -->
<div id="menu" style="width: 880px; height: 20px">
<ul>
<li><h2>Text</h2>
<ul>
<li><a href="http://bricemallier.com/Menus.htm">Text</a><ul>
<li><a href="http://bricemallier.com/Menus.htm">Text</a><ul></li>
</table>
</div>
</html>
没有找到相关结果
已邀请:
4 个回复
辅奈
献导外拘
标记之前,你现在实际上并没有这个标记。 。)
烫珊
标签和最后一个
之前的
标签,而你的
标签没有正确关闭。
完趣镐
menu { 宽度:100%; 背景:#eee; 向左飘浮; } menu ul { list-style:none; 保证金:0; 填充:0; 宽度:9em; 向左飘浮; } 菜单a,#menu h2 { font:bold 11px / 10px arial,helvetica,sans-serif; 显示:块; border-width:1px; 边框式:坚固; border-color:#ccc#888#555 #bbb; 保证金:0; 填充:2px 3px; } menu h2 { 颜色:#fff; 背景:#000; text-transform:大写; } menu a { 颜色:#000; 背景:#efefef; text-decoration:none; } 菜单a:悬停{ 颜色:#a00; 背景:#fff; } menu li {position:relative;} menu ul ul { 位置:绝对; z-index:500; } menu ul ul ul { 位置:绝对; 顶部:0; 左:100%; } div#menu ul ul ul, div#menu ul li:hover ul ul ul, div#menu ul ul li:hover ul ul ul {display:none;} div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul {display:none;} div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul {display:block;} 文本 测试 测试