0

jQuery ツールのオーバーレイ ウィジェットを使用して Web サイトを作成しています。これは Firefox と Chrome でうまく機能しますが、いつものように Internet Explorer、特に IE8 では問題があり、マスキングの背景がオーバーレイにも影響し、どこでもクリックできなくなります。ページ上で、オーバーレイを閉じても。

要素は次のとおりです。

<div id="caja" class="wizard modal">
    <p id="texto"></p>
    <div class="contenedorCheckbox"><input type="checkbox" class="mostrarAyuda" /><span class="mostrarAyuda">Mostrar la ayuda la próxima vez</span></div>
    <br/>
    <button type="button" id="anterior">&lt; Anterior</button>
    <button type="button" id="siguiente">Siguiente &gt;</button>
    <button type="button" id="salir">Salir</button>
</div>

jQuery コード:

$('#comercio_index_content_body #caja').overlay({
    top: 170,
    mask: {
        color: '#fff',
        loadSpeed: 200,
        opacity: 0.5
    },
    closeOnClick: false,
    load: true,
    onClose: function () {
        $("body").css("overflow", "");
    }
});

(私はこの前にドキュメントの準備ができている上にoverflow:hiddenを持っています)

そしてCSS：

.modal  {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;
    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

Explorer と css の非互換性をすべて把握しているわけではないので、このコードの問題点を教えてください。

前もって感謝します

編集:問題はありましたが、別の問題であるため、この質問を残して別の質問を作成します。

4

1 に答える 1

0

css で使用する IE の不透明度:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
于 2012-04-26T16:32:34.253 に答える