0

私はこのウェブサイトを再設計していますが、まだ追加する必要がある少しのコンテンツを除いて、すべての問題を解決したと思っていました. 残念ながら、Safari でページを確認したところ、ドロップダウン ナビゲーション メニューが正しくレンダリングされていないことがわかりました。私がチェックした他のすべてのブラウザーでは正常に動作しますが、Safari では、[練習エリア] にカーソルを合わせてドロップダウンを取得すると、すべてのサブカテゴリに下線が引かれます。

(残念ながら、私は画像を投稿するほどの評判を持っていないので、私が話していることを確認するには、さまざまなブラウザーで Web サイトを開く必要があります)

他のすべてのブラウザーでは、実際にホバーしている項目のみに下線が引かれます。

私のCSSコードは次のとおりです。

/**NAV MENU**/
#sub_nav {
  margin: 35px 0px 0px 550px;
  font-size: 16px;
}

#sub_nav ul {
  list-style: none;
}

#sub_nav li:hover {
  text-decoration:underline;
}

#nav > li {
  float: left;
}

#nav li {
  display: block;
  height: 2em;
  line-height: 2em;
  padding: 0 1.5em;
  text-decoration: none;
  background-color: #fff;
}

#nav li a {
  text-decoration: none;
}

#nav ul {
  position: absolute;
  display: none;
  z-index: 999;
}

#nav li:hover ul {
  display: block;
}

#nav li ul li{
  width: 145px;
}

そしてhtmlコードは

<div id="sub_nav">
  <ul id="nav">
    <li><a href="../index.html">Home</a></li>
    <li><a href="../profile.html">Profile</a></li>
    <li>
      Practice Areas
      <ul>
        <li><a href="juvenile_law.html">Juvenile Law</a></li>
        <li><a href="white_collar_crime.html">White Collar Crimes</a></li>
        <li><a href="drunk_driving.html">Drunk Driving</a></li>
        <li><a href="sex_crimes.html">Sex Crimes</a></li>
        <li><a href="domestic_violence.html">Domestic Violence</a></li>
        <li><a href="drug_offenses.html">Drug Offenses</a></li>
      </ul>
    </li>
    <li><a href="../results.html">Case Results</a></li>
    <li><a href="../contact.html">Contact Us</a></li>
  </ul>
</div>

また、このウェブサイトからコードの基礎を入手しました。

重要な場合、私は Safari 5.1.7 を持っています

4

1 に答える 1

0

変化する：

#sub_nav li:hover {
    text-decoration:underline;
}

幅：

#sub_nav li a:hover {
    text-decoration:underline;
}
于 2013-09-10T20:36:01.137 に答える