0

我在我的网站上安装了任何滑块，我试图让导航像这样被标记：http: //www.echappee-laine.fr/

我更新了 CSS 以制作标签，但我正在努力理解出了什么问题，因为 1）链接没有覆盖整个框，2）现在我已经完成了导航不是反应灵敏。( 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;
}
4

1 回答 1

0

1）链接不覆盖整个盒子

您已display: inline-block设置a标签；除非您有特定原因需要这样做，否则我会将其更改为display: block允许链接扩展以填充包含的li. 或者，您可以在width: 100%该规则中添加一个。

2）现在我已经完成了导航没有响应

anythingControls您在div上设置了 235px 的显式宽度。

于 2013-03-02T18:40:02.030 回答