1

ここに私の問題があります.2つのdivがあり、javascriptを使用して2つのタブを持つ単純なタブメニューを作成しました. マウスが tab1 の上にあるとき、div1 の不透明度は 1 で、div2 の不透明度は 0 で、マウスが tab2 の上にあるときは反対になります。

これで、div の不透明度が 0 であっても、カーソルを変更するリンクやその他の要素は引き続きマウスと相互作用します。存在しなかったように、それらを完全に無効にしたい。disables="disabled" を使用しましたが、それでも機能しませんでした。

div を完全に無効にするにはどうすればよいですか? (jquery ではなく、javascript のみ)。z-index を使用する必要がありますか?

他のトピックを読みましたが、まだ解決策が見つかりません。

前もって感謝します。

4

2 に答える 2

4

elem.style.visibility = "hidden"の代わりに使用しopacityます。

代わりに使用することもできますelem.style.display = "none"が、それはページ フローに影響を与えるため、望ましくない場合があります。

于 2012-12-02T18:44:53.580 に答える
0

インライン タブの例はたくさんありますが、標準的な方法は、display none または position absolute を使用することです。

{display:"none";}

また：

{position:absolute;top:-9999px;}

元の状態に戻すには:

{display:"";}

@ user1689607 が言ったように、これはレイアウトに影響しますが、実際には、これは多くの場合、タブで必要なものです (ページに空の領域を残したくありません)。

于 2012-12-02T19:10:46.047 に答える