0

購入したテーマでWPに取り組んでいます。

ナビゲーション バーを一番下に移動したところ、問題が発生しました。テーマは、新しいページの作成時に使用するいくつかのデフォルト テーマを提供します。

現在の問題は、特定のテンプレート (テンプレートの名前: About、Blog、Gallery、または Services) を選択してページを開くと、ナビゲーションからページを選択すると、背景色 (使用されているもの) が失われることです。選択したタブ)。ホームページの場合、またはページに「連絡先」テンプレートが選択されている場合、この問題はありません。

何が問題を引き起こしているのかわかりません。

ここに私のHTMLがあります:

<div id="footer">
  <!--MENU-->
  <nav>
    <a href="#" class="menu-toggle">&nbsp;</a>
    <div class="tmenu">

    </div>
  </nav>    
  <div class="smenu clearfix"><select id="mselect"></select></div>  

    <!--SOCIAL-->       
    <div class="social">
      <ul>

        <li><a href="#" id="play_pause" title="Music">&nbsp;</a></li>

        <li>
          <a href="http://facebook.com/<?php echo get_option('source_facebook'); ?>" title="<?php echo get_option('source_facebook_tip'); ?>">
            <img src="<?php echo get_template_directory_uri(); ?>/img/icons/mfacebook.png" alt="" title="" />
          </a>
        </li>

        <li>
          <a href="http://twitter.com/<?php echo get_option('source_twitter'); ?>" title="<?php echo get_option('source_twitter_tip'); ?>">
            <img src="<?php echo get_template_directory_uri(); ?>/img/icons/mtwitter.png" alt="" title="" />
          </a>
        </li>

      </ul>
    </div>

  </div>
</div> <!--FOOTER_INNER-->
</div>  <!--FOOTER-->

</body>
</html>

CSS は次のとおりです。

#footer {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

nav {
  display:block;
  background: rgba(0, 0, 0, 0.52);
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}

.tmenu {
  padding: 0;
}

a.menu-toggle:link, a.menu-toggle:visited {
  display:none;
}

.sf-vertical, .sf-vertical li {
  width: auto;
}

.menu ul li.current_page_item a {
  color: #fff !important;
  background: #ac0003 !important;
  border-left: 0;
  padding-left: 0;
}

.menu ul li a:link, .menu ul li a:visited {
  color: #fff;
  display: block;
  font-family: arial;
  font-size: 16px;
  text-transform: none;
  padding: 10px 20px;
}

.menu ul li a:hover {
  background:#ac0003;
}

ウェブサイトへのリンクもここにあります。「admin123」を使用して入力できます。

4

1 に答える 1

0

contact をクリックすると、リスト アイテムのクラス「current-page-item」が取得されます。

.menu ul li.current_page_item a {
color: #fff !important;
background: #ac0003 !important;
border-left: 0;
padding-left: 0;
}

他のリスト項目はこのクラスを取得しません。メニューを手動で作成しましたか、それとも WP を使用してカスタム メニューを作成しましたか?

手動で行った場合、リスト項目にはおそらく同じイベント ハンドラーがありません。それが役立つことを願っています。

于 2013-02-20T12:17:30.393 に答える