0

我似乎无法让我的菜单项可点击......它们在 IE 中工作，但在 Firefox 或 Chrome 中不可用。我也可以让它们在我的 iPad 上的 Chrome 和 Safari 上工作，但当我以横向模式拿着 iPad 时就不行了。很奇怪。

HTML：

<div id="options" class="clearfix">
<ul id="filters" class="option-set clearfix" data-option-key="filter">
<li><a href="#filter" data-option-value="*" class="selected">All</a></li>
<li><a href="#filter" data-option-value=".tech">Tech</a></li>
<li><a href="#filter" data-option-value=".social">Social</a></li>
<li><a href="#filter" data-option-value=".health">Health</a></li>  
</ul>
</div>

和CSS：

#options ul {
  list-style: none outside none;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 10px;
}
#options li {
  display: inline;
}
#options li a {
    color:#666666;
    font-size: 15px;
    padding: 10px 10px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 34px;
}
#options li a:hover {
    color:#3B5998;
}
#options li a:active {
    color:#3B5998;
}
#options li a.selected {
    color:#3B5998;
}

任何帮助都会很棒，我不是 HTML 和 CSS 方面的佼佼者，所以我很感激任何见解。

我的网站是 www.pinstart.us

干杯。

4

3 回答 3

0

你试过把你的

<a href...>

你之外的标签

<li>

标签而不是里面？我知道有时这对我来说会有所不同。

于 2013-02-07T12:32:50.460 回答
0

对我来说似乎工作正常，但您可以尝试让您的“a”标签显示：inline-block

#options li a {
    display: inline-block;
}
于 2013-02-07T12:32:22.647 回答
0

您的“.navbar-fixed-top” div 与“#option”栏重叠！

您可以通过设置来验证这一点：

.navbar-fixed-top{
z-index: -5;
}

编辑：这不会破坏网站的外观。

#options{
position:relative;
z-index: 9999;
}

希望这会为您指明正确的方向！

于 2013-02-07T14:02:22.683 回答