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中的不透明度不起作用，因爲我想

回答

相關問題