实验代码:本例中因为a变签独立占满一个div,其实只要设置div的背景color和hover就可以做样式了,没必要将a做成inline-block(行内元素),但从中发现了问题。如果是在div中做其他块级元素我相信也会出现此类问题,故记之。
#navh a{
display: inline-block;
width: 100%;
height: 36px;
line-height: 36px;
color: #000;
background-color: transparent;/*设置透明,否则会和底层的div产生颜色叠加*/
}
解决方法是将div或其中的元素bgcolor设置成透明。只用其中一方设置背景样式hover等。