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

를 사용하여 자바 스크립트 :

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;'); 
}