Question

做一个学校项目 - http://harden6615.com/project2/site/about.html - 并在IE中注意到我的导航悬停填充已关闭。它在所有其他浏览器中都可以正常工作，但在IE中，背景颜色也会略微向左推。有人看到链接有什么问题吗？

header ul a:hover, header ul li a.current {
    background-color: #79ADAF;
    padding: 5px 6px 0px 40px;  
    color: #000;
}

Answer 1

将此代码用于css中的整个/*nav*/部分，它应该可以在IE中使用：

#wrap {
    margin: 0 auto;
    width: 800px;   
}

header {
    font-family: 'SansationLight';
    margin: 10px;
    float: left;
    background-color: #EDEAE1;
    width: 250px;
    height: 312px;    
}

#logo {
    margin:10px auto;
}

#logo img{
    margin:0px auto;
}

header ul {
    text-align: right;
    font-size: 24px;
    text-transform:uppercase;
    text-decoration: none;
    padding-right:40px;
    padding-top:40px; /*the space between the image and links*/
}

header ul li a{ 
    color: 000;
    padding: 5px;  
    display:block;
    margin-bottom:10px;
}

header ul a:hover, header ul li a.current {
    background-color: #79ADAF;
}

导航悬停不工作即

1 个答案: