1

ヘッダー画像の上にナビゲーション バーを配置する必要があります。さまざまなページに複数のナビゲーション バーとヘッダー イメージがあるため、CSS で background url プロパティを使用できません。ナビゲーションを右に浮かせて画像にオフセットさせたいのですが、部分的に画像の上にあります。

            Button 1 | Button 2 | Button 3 | Button 4
Header Image

たとえば、同じ div を配置し、CSS の絶対位置を画像に使用するなど、多くの方法を試しました。これにより、ナビゲーションが機能しなくなります。ナビゲーションで絶対位置を使用すると、ナビゲーションを十分に右に移動できません (右: 200px) もう移動できません! 上記のように望ましい結果を達成する方法を知っている人はいますか? 前もって感謝します！HTML PHP

<div id="navigation-container">

 <nav id="np-access" role="navigation">
   <?php if ( (is_page(20) || is_page(22) || is_page(24) || is_page(26) ||    is_page(28)) ) { 
        wp_nav_menu( array( 'theme_location' => 'third') );
   }else{
        wp_nav_menu( array( 'theme_location' => 'secondary') );
   }
?>
 </nav>
</div>

<?php if ( (is_page(20) || is_page(22) || is_page(24) || is_page(26) || is_page(28)) )    { 
    echo '<img src="<path ito image" width="194" height="166"/>';
}
else{
   echo '<img src="<path ito image" width="194" height="166"/>';
}
?>

現時点では、必要な位置にあるため、画像のスタイルが設定されていません。

ナビゲーション CSS

#np-wedding-nav{
  float: right;
  padding-right: 100px;
  height: 40px;
  position: relative;
}
4

2 に答える 2

0

ナビゲーションを右に浮かせて画像にオフセットさせたいのですが、部分的に画像の上にあります。

ナビゲーションに負のマージンを与える:

nav {margin-left: -100px}

または位置は相対的です：

nav {position: relative; left: -100px}

いずれにせよ、マークアップ内のナビゲーションと画像の両方の順序を変更します。

于 2012-12-16T18:32:51.683 に答える