Jquery div显示错误

Question

请查看此fiddle

它应该不起作用吗？我做错了吗？

<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)");
    });

Answer 1

有很多问题，

1. 在链接标记ID
中删除了#
2. 缺少});准备好文档
3. jQuery未包含在jsfiddle
中
4. 当jQuery在浏览器中处理它时，已更改为.css('opacity', 0.4)
5. 修改了div的CSS，因为它是绝对定位的，只显示在链接标记上方，无法点击。

DEMO： http://jsfiddle.net/rJq8b/8/

如果您希望在应用不透明度之前隐藏元素，请使用下面的演示。

DEMO： 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);
    });
});