アプレットが html に浮かんでいないようにしたい。
jQuery モーダル ウィンドウを開くと、ウィンドウがアプレット コンポーネントの背後にあります。
さて、どうすればアプレットを通常の HTML テキスト、入力、ボタンなどと同じレイヤーにして、jQuery モーダル ウィンドウがアプレットの上に来るようにできますか?
私はすでに試しました:しかし、うまくz-index: -1
いきz-index: -99999
ません。
ブラウザの使用: IE7 および IE9
アプレットが html に浮かんでいないようにしたい。
jQuery モーダル ウィンドウを開くと、ウィンドウがアプレット コンポーネントの背後にあります。
さて、どうすればアプレットを通常の HTML テキスト、入力、ボタンなどと同じレイヤーにして、jQuery モーダル ウィンドウがアプレットの上に来るようにできますか?
私はすでに試しました:しかし、うまくz-index: -1
いきz-index: -99999
ません。
ブラウザの使用: IE7 および IE9
最も簡単な方法は、iframeを使用してコンテンツをアプレットの上にフロートさせることです。
同じボートに乗って、メインフレームシステムと通信するためにJavaアプレットを使用する必要があります。ポップオーバーで動的コンテンツを表示する必要があります。それを実現できる唯一の方法は、iframeを使用することです。
CSS:
.popover {
position: absolute;
top: 65px;
left: 10px;
/*z-index: 999;*/
border: none;
border-radius: 10px 10px 10px 10px;
box-shadow: 0px 10px 15px 0px rgba(140, 140, 140, .9);
}
HTML:
<iframe class="popover"></iframe>
注: border-radiusとbox-shadowは、Javaアプレットの上に浮かぶと、Firefoxまたはchromeではうまく機能しません。透明性も問題ですが、ChromeはFirefoxよりも3つすべてをうまく処理できるようです。