ulのバックグラウンドとして透明なPNGは、ulが絶対的に配置されているときにのみ透明です。

Question

部分的に透明なPNGの背景イメージで並べ替えられていない不思議な問題が発生しました。順序付けされていないリストの位置を絶対値として設定するまで、透明度は表示されませんでした。これについて何か説明がありますか？それは本当に私を捨てている。

<ul id="flag_down"> 
        <li> 
         <a href="#" class="flag" onclick="return false"></a><span>Flag</span> 
         <ul id="fd-menu"> 
          <li><a class="js-inpost-duplicate" href="#duplicate">duplicate</a></li> 
          <li><a class="js-inpost-nsfw" rel="83858" href="#nsfw">nsfw</a></li> 
          <li><a href="/dmca/">copyright</a></li> 
         </ul> 
        </li> 
       </ul> 

CSS：

#flag_down li ul { 
display:none; 
left:6px; 
margin-top:2px; 
position:relative; 
background: url("../bg-dropdown.png") repeat-y scroll 0 0 transparent; 
width: 83px; 
z-index: 9999; 

}

Answer 1

JavaScriptを使用：

var uls = document.getElementsByTagName("ul"); 
for(var i=0; i<uis.length; i++) { 
    var t = uis[i]; 
    if(t.style.position == "absolute") 
     t.setAttribute("style", 'url("../bg-dropdown.png") repeat-y scroll 0 0 transparent;'); 
}