0

したがって、これはばかげた問題のように思えます。私が間違っているかもしれないので、誰かがこれを行う別の方法を提案できるなら、私はそれを試してみたい.

Zurb Foundation 4 で構築された固定ナビゲーション バーがあります。

<div class="fixed">
<nav class= "top-bar">
<ul class="title-area">
  <li>
    <h2><%= link_to image_tag("officialLogo-100x197.png", :size => "100x197", :class =>  "logo" ) + "AppDomum",  root_path, :class => "textlogo" %></h2>
  </li>

  <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>

<section class="top-bar-section">

<ul class="right">

  #links ..... 

</ul>

タイトルに表示される画像は、ナビゲーション バーよりも大きくなっています。私は実際にはナビゲーションバーからぶら下がっているのが好きで、小さな画面でそれを削除するようにメディアクエリを設定しているので、コンテンツにぶら下がっていません.

問題:<div class= "fixed">はナビゲーション バーと画像をページ全体でラップします。画像はナビゲーション バーの下にぶら下がっているため、その後ろにあるものはクリックできません。ページの上部全体をクリックできません。フォームの場合、編集するテキスト ボックスを選択できません。ナビゲーション バーは固定されているため、スクロールした距離に応じてページ全体に影響します。それらを修正する方法はありますが、固定タグですべての空きスペースを取得する必要はありませんか? これを行う別の方法はありますか？

私の台無しにされた固定div

4

2 に答える 2

0

イメージに追加position: relative;してみてください。

于 2013-04-11T22:54:14.133 に答える