0

メニュー項目をクリック可能にできないようです...IEでは機能しますが、FirefoxやChromeでは機能しません。ChromeとSafariのiPadで動作させることもできますが、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」タグを表示してみることができます：inline-block

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

配置してみましたか

<a href...>

あなたの外のタグ

<li>

それらの中にではなくタグ？時々これが私に違いをもたらすことを私は知っています。

于 2013-02-07T12:32:50.460 に答える
0

「.navbar-fixed-top」divが「#option」バーと重なっています。

これは、次の設定で確認できます。

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

編集：これはサイトの外観を台無しにすることはありません。

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

これがあなたを正しい方向に向けることを願っています！

于 2013-02-07T14:02:22.683 に答える