1

使用しているモーダル ウィンドウの問題を修正しようとしています。

http://dev.ikov.org/store/index.php

ストアに移動し、右側の武器を押してアイテムを選択すると、モーダル ウィンドウがポップアップします。ただし、テキストを強調表示したり、テキストボックスを選択したり、ボタンを押したりすることはできません。

HTML

<div id="ags" class="modalDialog2">  <!-- overlay -->
  <div id="storeboxitem"> <!-- modal box -->
    <div id="storeboxlight">
        <!-- content goes here -->
    </div>
  </div>
</div>

CSS

.modalDialog2 {
  position: fixed!important;
  font-family: Arial, Helvetica, sans-serif;
  top: 0!important;
  right: 0!important;
  bottom: 0!important;
  left: 0!important;
  background: #000!important;
  z-index: 999!important;
  opacity: 0!important;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

#storeboxitem {
  display: block!important;
  background: url(imgs/contentboxbg.png)!important;
  border: 1px solid #070810!important;
  position: relative!important;
  width: 575px!important;
  height: 500px!important;
  z-index: 9999!important;
}

#storeboxlight {
  display: block!important;
  background: url(imgs/lightbg.png) no-repeat!important;
  z-index: 9999!important;
  border-top: 1px solid #13182c;
  margin: auto!important;
  width: 575px!important;
  height: 100%!important;
}

また、背面のアイテムをクリックできることに気付いたので、z-indexに問題があるのではないかと思ったので、それを変更しようとしましたが、何も機能しませんでした.

4

2 に答える 2

0

で削除pointer-event: noneしてください.modalDialog2

于 2014-02-25T23:33:04.367 に答える