CSS：不透明度使顯示對象位於其他對象下

before

<div class="menu">...</div> 
<img src="..."/>

但是當我添加不透明度到圖像的風格，菜單元素圖像

after

<div class="menu">...</div> 
<img src="..." style="opacity:0.9"/>

下打下有誰知道這是怎麼回事開啓以及如何解決此問題？

2012-03-07 Scicare

是否能重現上[JS提琴]（演示HTTP ：//jsfiddle.net/）還是類似的？理想情況下[SSCCE（簡短，獨立，正確的例子）]（http://sscce.org/）。 – 2012-03-07 18:58:36

是的，如果你應用不透明度：1'會發生什麼？ – 2012-03-07 19:04:38

我敢打賭，不透明度是給圖像z指數。您是否嘗試過調整菜單上的Z-index？

2012-03-07 19:00:13 Gidgidonihah

是的。不透明度正在搞亂Z指數！謝謝 – Scicare 2012-03-07 19:08:56

解決此問題。調整z-index。記住的z-index只適用於定位（絕對值，相對值等）的元素

做以下

<div class="menu" style="position: relative; z-index:100000;"></div> 
<img src="..." style="position: relative; opacity:0.9; z-index:-1;"/>

感謝

2012-03-07 19:12:51 Scicare

回答