Question

我在我的网站上安装了任何滑块，我试图让导航标签如下：http://www.echappee-laine.fr/

我更新了CSS以制作标签，但是我想把头发拉出来试图了解出了什么问题，因为1）链接不能覆盖整个盒子，2）现在我＆＃39这样做导航没有响应。（http://beta.harvest-express.com）

有什么想法吗？

/* Navigation buttons, default state */
.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
    background: #777;
    color: #000;
}

/* Navigation buttons, active state */
.anythingSlider.activeSlider .anythingControls ul a.cur, 
div.anythingSlider.activeSlider .anythingControls ul a {
    background-color: #7C9127;
}

/* Navigation Links */
.anythingSlider .anythingControls { 
    position:absolute; 
    top:0; 
    left:0px; 
    list-style:none; 
    padding:0; 
    margin:0; 
    width:235px; 
    z-index: 20; 
}

.anythingSlider .anythingControls ul {
    margin: 0; 
    padding: 0; 
    float: left; 
}

.anythingSlider .anythingControls ul li { 
    display: block; 
    height: 75px; 
    width: 235px; 
    border:1px solid #ccc; 
    background-image: url(.../transparant.png);
}

.anythingSlider .anythingControls ul a {
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    padding: 2px 8px;
    text-decoration: none;
    line-height: 75px;
    background-image: url(../images/default.png);
    background-position: center -288px ;
    background-repeat: repeat-x;
    text-align: center;
    outline: 0; 
}

.anythingSlider .anythingControls ul a:hover {
    background-image: none;
}

Answer 1

1）链接不包括整个框

您display: inline-block代码设置了a;除非您有特定原因需要这样做，否则我会将其更改为display: block，以允许链接展开以填充包含li。或者，您可以为该规则添加width: 100%。

2）既然我已经这样做了导航没有响应

您在anythingControls div上设置了明确的235px宽度。

选项卡式导航任何滑块

1 个答案: