z-index/css/jQuery中的不透明度不起作用，因为我想

我正在为我的网站做一个图片查看器。显示的图像存在不透明问题。我想我的形象不透明度为100％，我的黑色背景到80％，而不是：z-index/css/jQuery中的不透明度不起作用，因为我想

我想我的直接图像上设置不透明度，但它没有工作。 enter image description here

我有这样的jQuery的功能：

$("img").click(function(event){ 
     // Create image frame 
     $("#imageView").css("width" , $(document).width()); 
     $("#imageView").css("height" , $(document).height()); 
     $("#imageView").css("display" , "block"); 
     $("#imageView").css("opacity" , "0.8"); 
     $("#imageView").css("background-color" , "black"); 
     $("#imageView").css("position" , "absolute"); 
     $("#imageView").css("left" , "0"); 
     $("#imageView").css("top" , "0"); 
     $("#imageView").css("z-index" , "9000"); 
     $("#imageView").css("text-align" , "center"); 

      // Load big picture 
     var miniSrc = $(this).attr("src").split("/"); 
     var imgName = miniSrc[miniSrc.length - 1]; 
     var bigSrc = "images/big/" + imgName; 
     var imgHtml = "<img id='bigImg' src='" + bigSrc + "' alt='' style=\"heigth:200px; width:300px\"/>"; 

     // Insert Picture with animation 
     $("#imageView").html(imgHtml); 

     $("#bigImg").animate({ 
      height: "400px", 
      width: "600px", 
     },500); 

    });

ImageView的是我的身体的空div。

什么是我的CSS问题？

来源

2012-02-24 Pier-Alexandre Bouchard

哦，我不知道黑色的背景只是一个面具。谢谢你，也就是这 – 2012-02-24 02:53:26

的id="imageView"元素不能有图像作为一个孩子 - 外移动图像。

这是同样的模式jQuery UI弹出模态对话框时使用......

来源

2012-02-24 02:45:13 xandercoded

你的背景有较高的z-index比你的形象。给图像比背景更高的z-index，你应该很好。

ETA：不透明度可能是从DIV继承过，所以你应该重置的映像。

来源

2012-02-24 02:44:47 Malk

我想是这样的：$（“＃bigImg”）的CSS（“Z-指数”，“9001”），而结果.. – 2012-02-24 02:48:13

的'opacity'级联到所有儿童 – xandercoded 2012-02-24 02:52:30

是的，我试图强制掩盖背景，但它不起作用 – 2012-02-24 02:54:42

z-index/css/jQuery中的不透明度不起作用，因为我想

回答

相关问题