-5

このフィドルをチェックしてください

それは機能していないはずですか？私は何か間違ったことをしていますか？

<a href="#" id="#dwkere">link</a>
<div id="form-holder">text</div>

#form-holder {
    display: none;
    background: #000000;
    opacity: 0.9;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 991;
}

$(document).ready(function () {
    $("#dwkere").click(function(){
        $("#form-holder").css("filter", "alpha(opacity=40)");
    });
4

1 に答える 1

4

いろいろと問題がありましたが、

  1. #リンク タグ ID 内で削除されました
  2. ドキュメント});の準備ができていない
  3. jQueryはjsfiddleに含まれていません
  4. .css('opacity', 0.4)jQueryがブラウザ間で処理するように変更
  5. div の CSS が絶対配置され、リンク タグのすぐ上に表示され、クリックできなくなったため、CSS を変更しました。

デモ: http://jsfiddle.net/rJq8b/8/

不透明度が適用される前に要素を非表示にする場合は、以下のデモを使用してください。

デモ: http://jsfiddle.net/rJq8b/18/ [ Travis Jの言及による]

HTML:

<a href="#" id="dwkere">link</a>
<div id="form-holder">text</div>

CSS:

#form-holder {background:#fff;opacity:0.9;position:fixed;top:20;left:20;min-width:100%;min-height:100%;z-index:991;}

JS:

$(document).ready(function() {
    $("#dwkere").click(function() {       
        $("#form-holder").css('opacity', 0.4);
    });
});
于 2012-11-02T16:55:29.553 に答える