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. 更改为.css('opacity', 0.4)，因为jQuery通过浏览器处理它
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); 
    }); 
});