【CSS】领航子菜单绝对定位IE总是差一半。都两天啦，还没解决-HTML教程-爱易网页

【CSS】领航子菜单绝对定位IE总是差一半。都两天啦，还没解决

日期：2014-05-17　浏览次数：20661 次

【CSS】导航子菜单绝对定位IE总是差一半。。。都两天啦，还没解决
十万火急！！！直接上代码。兄弟弟妹们，洒泪拜托了。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>简洁的纯CSS下拉菜单代码</title>

<style>

#sddm

{	margin:0 auto;

	padding: 0;

	z-index: 30;

	background-color:#F4F4F4;

	width: 81px;

	height:23px;}



#sddm li

{	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	width:81px;

	font: bold 12px arial}



#sddm li a

{	display: block;

	margin: 0 1px 0 0;

	padding: 5px 0px;

	width:auto;

	background: #5970B2;

	color: #FFF;

	text-align: center;

	text-decoration: none}



#sddm li a:hover

{	background: #49A3FF}



#sddm div

{	position: absolute;

	visibility: hidden;

	margin:-23 0 0 80px;

	padding: 0;

	background: #EAEBD8;

	border: 1px solid #5970B2}



	#sddm div a

	{	position: relative;

		display: block;

		margin: 0;

		padding: 5px 0px;

		width: auto;

		white-space: nowrap;

		text-align: left;

		text-decoration: none;

		background: #EAEBD8;

		color: #2875DE;

		font: 12px arial}



	#sddm div a:hover

	{	background: #49A3FF;

		color: #FFF}

</style>

<!-- dd menu -->

<script type="text/javascript">

<!--

var timeout         = 500;

var closetimer		= 0;

var ddmenuitem      = 0;



// open hidden layer

function mopen(id)

{	

	// cancel close timer

	mcancelclosetime();



	// close old layer

	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';



	// get new layer and show it

	ddmenuitem = document.getElementById(id);

	ddmenuitem.style.visibility = 'visible';



}

// close showed layer

function mclose()

{

	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

}



// go close timer

function mclosetime()

{

	closetimer = window.setTimeout(mclose, timeout);

}



// cancel close timer

function mcancelclosetime()

{

	if(closetimer)

	{

		window.clearTimeout(closetimer);

		closetimer = null;

	}

}



// close layer when click-out

document.onclick = mclose; 

// -->

</script>

</head>



<body style="text-align:center">

	<div>

<ul id="sddm">

	<li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>

		<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

		<a href="#">HTML DropDown</a>

		<a href="#">DHTML DropDown menu</a>

		<a href="#">

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

【CSS】领航子菜单绝对定位IE总是差一半。都两天啦，还没解决

相关资料更多>

推荐阅读更多>