html 단추의 일부가 클릭 가능하지 않음

Question

"게시하려면 클릭하십시오"는 clickable.so입니다. 해당 단추의 "Cli"부분을 클릭하면 손 모양 커서가 클릭 할 수 없다는 것을 알지 못합니다. 또한

<div id="photodivmain" style="padding:4px; "> 
     <div style="padding-bottom:8px; font-size:11px;"> 
     <div style="margin-bottom:6px;font-size:11px;">Write in the message box.Click "Click to post" to publish.</div> <b>Message:</b> <div style="border:1px solid gray;padding:4px;margin-top:2px;background-color:white"><textarea id="postphdesc" style="border:none;border:0px solid transparent; width:100%;" rows="3"></textarea></div> 
     </div> 
      <div id="swfupload-control" style="font-size:11px;"> 
      <div style="margin-bottom:2px;"><b>Select an image file on your computer (jpg, png, gif,bmp).Maximum size of 2 MB)</b></div><input type="button" id="buttonFileUp" /><p id="queuestatus" ></p><ul style="list-style:none; list-style-type:none; text-decoration:none" id="log"><li style="list-style-type:none; list-style:none;"></li></ul></div>     
     <div style="position:relative;"> 
      <span class="postwall-button" style="cursor:hand;cursor:pointer; padding:3px 5px 3px 5px;border:1px solid buttonface; font-weight:bold;margin:5px 0 4px 2px !important;font-size:15px; display:block; width:100px; text-align:center;" onclick="StartToDoWork()">Click to post</span> 
     </div> 
    </div> 

내가 swfupload 제어에 의해 업로드 할 파일을 선택 swfupload를 사용하고 - 각각의 event.following 내가 의미하는 버튼이 마지막 스팬 요소에서 problem.look입니다 사업부가되어 발사되지 div 위의. 다음은 swfupload를 시작하는 방법과 파일이 위에 추가 된 일부 요소를 선택했을 때를 보여줍니다.

<ul> 

목록.

<script type="text/javascript"> 
jQuery('#swfupload-control').swfupload({    
    button_image_url: "<?php echo JURI::root(); ?>modules/mod_posttofb/images/XPButtonNoText_160x22.png", 
    button_width: 160, 
    button_height: 22, button_text: '<span>Choose File</span>', 
    button_text_top_padding: 1, 
    button_text_left_padding: 44, 
    button_placeholder : jQuery('#buttonFileUp')[0], 
    ......other main parameters not shown here 
}) 
    .bind('fileQueued', function(event, file){ 
     jQuery('#log li').remove(); 
     var listitem='<li id="'+file.id+'" >'+ 
      'File: <em>'+file.name+'</em> ('+Math.round(file.size/1024)+' KB) <span class="progressvalue" style="font-weight:bold;" ></span>'+ 
      '<div class="progressbar" ><div class="progress" style="" ></div></div>'+ 
      '<p class="status" style="margin-bottom:1px;font-weight:bold;">Attached</p><input type="button" class="cancel" value="Cancel" id="cancelbutton" style="padding:2px; cursor:pointer;cursor:hand; font-weight: normal;background-color:#F2F2EE; border:1px solid black; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em;border-radius: 0.4em;" />'+ 
      '</li>'; 

     jQuery('#log').append(listitem);     
    }) 
............other functions not shown here 
</script> 

웹 연구에 의해 난 아직 해결책을 찾았지만 위치를 포기 알고하지 않은 : 스팬 works.but는 어떤 단점이 경우 응용 프로그램은 IE8, 파이어 폭스, 크롬에서 작동해야하기 때문에 ... 브라우저를 모두 상대 ATTR을 XP와 win7.And 주요 것은 Firefox를 제외한 다른 브라우저에서 모두 작동합니다.

Answer 1

postwall-button에 z- 인덱스 : 9999를 설정하지 않아도됩니다. 일부 SWF 부가 더 많은 공간을 차지할 수도 있습니다. cursor: hand도 지우십시오.