0

私の最新のプロジェクトには、ある種の透明性の問題があるようです。

CSSオプションを使用しています

background: transparent;

要素の背景を透明にします。

悲しいことに、それは機能していないようで、ボックスの影や境界線などで壊れているため、私のulが奇妙に見えます...

私が話しているプロジェクトは一時的に利用可能です

計画

私が話しているのは

<ul id="nav">

エレメント。この動作は、IE9 以下でのみ発生します。

後で使用するために、説明した問題の図を次に示します。

ナビゲーション <ul>

対応する HTML コードは次のとおりです。

<ul id="nav">
        <li class="active"><a href="https://ggb2.zzinternet.de/homepage.html" target="_self">Startseite</a></li>
        <li><a href="https://ggb2.zzinternet.de/leistungen.html" target="_self">Leistungen</a></li>
        <li><a href="https://ggb2.zzinternet.de/seminare.html" target="_self">Seminare</a></li>
        <li><a href="https://ggb2.zzinternet.de/ueber-uns.html" target="_self">Über Uns</a></li>
        <li><a href="https://ggb2.zzinternet.de/kontakt---service.html" target="_self">Kontakt</a></li>
        <li><a href="https://ggb2.zzinternet.de/karriere.html" target="_self">Karriere</a></li>
</ul>

これが対応するCSSです

#nav {
  margin: 0; 
  list-style: none;
  background: transparent;     
  margin-left: 35%;
  height: 31px;
  width: 625px;
  display: block;
  border: 0;
}
  #nav li {
    border: 0;
    float: left;
    margin: 0;
    position: relative; 
    line-height: 30px;
    background: url('individual/menu/middle-el_bg.png');
    display: inline;
    border: 0;
    width: 15%;
}


#nav {
box-shadow: 0px 5px 8px rgba(0,0,0,0.2);
}

#nav li.active:after {
    box-shadow: -2px 5px 8px rgba(0,0,0,0.2);
}

#nav li.active:before {
    box-shadow: 2px 5px 8px rgba(0,0,0,0.2);
}

ご協力いただきありがとうございます！

4

1 に答える 1

1

ie-fixes9.css から次の行を削除してください。

#nav box-shadow: 0px 5px 8px rgba(0,0,0,0.2)
于 2013-07-04T13:57:15.357 に答える