0

WebサイトにCSSメニューを実装しようとしていますが、問題が発生しました。

注：cssはファイル内にあり、javascriptの下にある唯一のものはhttp://w.sharethis.com/button/buttons.jsと呼ばれ、ヘッダーでも定義されています。メニューはcssmenuと呼ばれます。

問題は、そのcssメニューで、連絡先にカーソルを合わせると、背景色が透明になり、このテーマに関する知識が限られているため、これを修正する方法が本当にわかりません。cssメニューは私の作成ではありません。Webで見つけました。方法を知っている多くのプロパティを変更しましたが、そこでスタックしました。

4

5 に答える 5

1

メインメニューのz-indexを上げて<ul>、ShareThisバーに常に表示されるようにする必要があります。

ul.cssmenu {
    display: block;
    zoom: 1;
    float: left;
    position:relative; /* allows the z-index to be effective -- http://www.w3.org/wiki/CSS/Properties/z-index */
    z-index:100; /* makes the menu appear above the ShareThis widget */
}
于 2012-09-10T12:42:15.633 に答える
0

z-index：2を追加します。

ul.cssmenu, ul.cssmenu ul

このクラスであなたはあなたの結果を得るでしょう:-)

于 2012-09-10T12:49:36.647 に答える
0

私があなたの問題を正しく理解しているなら、問題はメニューがz軸上で間違った位置にあるということです。

次のようなものを追加して、ボタンの上に前面に表示してみてください。

.cssmenum {
    z-index: 1000;
}
于 2012-09-10T12:42:35.743 に答える
0

z-indexは正しい解決策のようです、私は今チェックしました。

ただし、ソーシャルアイコンを使用してメニューを作成するためにタブルが使用されていることにも気づきました。DIVを作成し、CSSを使用して必要な場所に配置することをお勧めします。

于 2012-09-10T12:47:02.190 に答える
0

このようにz-indexのグラウンドゼロを設定する必要があります

body{position:relative;
z-index:0;}

次に、各メニューのz-indexを指定できます

.div1{z-index:1;}
.div2{z-index:5;}
于 2012-09-10T12:58:19.407 に答える