0

私は、Thematic を使用して WordPress テーマに取り組んでいます。サブメニューをいじり始めるまでは、すべてうまくいっていました。

ここで開発中のサイトを見ることができます: http://yem.synaxistech.net/

OK、これが私のCSSの問題です。上記のサイトにアクセスし、「ホーム」ボタンにカーソルを合わせると、サブメニューがポップアップ表示されます。それがまさに私がメニューをどのように見せたいかです。

ただし、ホームを「クリック」してそのページ (http://yem.synaxistech.net/?page_id=17) に移動し、もう一度同じボタンにカーソルを合わせると、サブ メニュー ボタンにそれらの背後にある背景画像は、私の人生で取り除くことはできません!

ここに写真があります：

http://i.stack.imgur.com/SQhwS.jpg

左側には「正しい」形式が表示されていますが、右側には特定のページに表示されている背景が表示されています。それはどういうわけかメインメニューに継承されており、私はそれを上書きすることができないようです.

誰でもここで私を助けてもらえますか? 私はこれを理解しようとして過去3時間を費やしてきましたが、役に立ちませんでした。

前もって感謝します！

4

2 に答える 2

2

これらのスタイルを見つけてください：

.sf-menu li.current-menu-item a,
.sf-menu li.current_page_item a {
    background-image: url(images/navbutton-hover.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left -2px;
}

そして、この問題を解決する2つの方法があります。

方法A：次の ものを置き換えることができます。

.sf-menu li.current-menu-item a,
.sf-menu li.current_page_item a

と：

.sf-menu li.current-menu-item > a,
.sf-menu li.current_page_item > a

または方法B： 次のスタイルを追加できます。

.sf-menu li.current-menu-item ul a,
.sf-menu li.current-menu-item ul a {
        background-image: none;
}

メニューは次のように構成されています。

  • ul（メインメニュー）
    • li（メインアイテム）
      • a（メインアイテムリンク）
      • ul（サブメニュー）
        • li（サブアイテム）
          • a（サブアイテムリンク）

したがって、元のセレクター.sf-menu li.current-menu-item aはすべてのサブアイテムリンクを選択して、発生する問題を引き起こす可能性があります。

于 2013-01-21T02:03:21.010 に答える
0

以下の CSS ファイルにアクセスしてください: http://yem.synaxistech.net/wp-content/themes/youreventmatters/style.css

144行目、

エントリが表示されます

.sf-menu li.current-menu-item a, .sf-menu li.current_page_item a
{
background-image: url(images/navbutton-hover.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: left -2px;
}

次に、ここから背景プロパティ全体を削除します;) (安全のために background-image 属性のみを削除します)

于 2013-01-21T01:55:47.937 に答える