0

これは些細なことのように思えるかもしれませんが、どういうわけか私はそれを機能させることができません。

私は透明な背景を与えたいリスト項目（次のような）を持つメニューを持っています。

<ul class="nav">
    <li>
        <a href="value.php"><img src="./images/content/menu-item.png"></a>
    </li>
    <li>
        <div class="wrapper-demo">
            <div id="dd" class="wrapper-dropdown-5 active" tabindex="1">
                <img src="./images/menu-selected.png">
                <ul class="dropdown">
                    <li><a href="#"><i class="icon-user"></i>Profile</a></li>
                    <li><a href="#"><i class="icon-cog"></i>Settings</a></li>
                    <li><a href="#"><i class="icon-remove"></i>Log out</a></li>
                </ul>
            </div>
        &#8203;</div>
    </li>
    <li>
       ...
    </li>
    <li>
       ...
    </li>
</ul>

問題は、ul.dropdown の li アイテムに透明な背景を与えることができないことです。

これは私がしたことです： -

.wrapper-dropdown-5 .dropdown li {
padding: 0 10px ;
background-color: rgba(0,0,0,.3);

}

透明な PNG でも機能しません。色合いが薄いだけで、透明度はありません。

ありがとう。

4

1 に答える 1

0

RGBA は IE ではサポートされていません。

.wrapper-dropdown-5 .dropdown li {
  padding: 0 10px ;
  background-color: #000;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

  /* IE 5-7 */
  filter: alpha(opacity=30);

  /* Netscape */
  -moz-opacity: 0.3;

  /* Safari 1.x */
  -khtml-opacity: 0.3;

  /* Good browsers */
  opacity: 0.3;
}
于 2013-04-02T18:19:50.247 に答える