这个bug，主要是一个二级菜单，在ie7中hover时正常显示出来，在ie6下没有效果。在网上找了很多资料，弄了好几天，最终是参照别人的代码，用的纯css经过自己的整理，就把它给弄下来了。希望以后自己多来看看。
如下：
－－－－－－－－－－－－－－－－－－－
css代码：
.allMenu
{
width: 894px;
height: 22px;
line-height: 22px;
margin: 7px 3px 1px 3px;
background: url(images/menubg.GIF) repeat-x top left;
}
.allMenu .select
{
padding: 0px;
margin: 0px;
white-space: nowrap;
list-style-type: none;
}
.allMenu LI
{
height: auto;
padding: 0px;
float: left;
margin: 0px;
}
.allMenu .select A
{
height: 22px;
padding: 0 20px 0 20px;
display: block;
float: left;
color: Black;
line-height: 22px;
white-space: nowrap;
text-decoration: none;
}
.allMenu .select A:hover /* for ie6 */
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
}
.allMenu .select LI:hover A
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
}
.allMenu .select A:hover B /* for ie6,主要在ie6下样式有变化 */
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
display: block;
float: left;
}
.allMenu .select_sub {
display: none; /*不可见*/
}
.allMenu .sub
{
padding: 0px;
margin: 0px auto;
list-style-type: none;
}
.nav TABLE
{
font-size: 1em;
&nbs
1. 将网页或元素居中
HTML：
<div class="wrap">
</div><!-- end wrap -->
CSS：
.wrap { width:960px; margin:0 auto;}
......
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的
工具，但也能检查出拼写错误。
3. 确定错误 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>无刷新变换样式表</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /& ......
