whdckstngh
1k
2018-06-19 16:15:34
1
885

레이어 팝업 구현 시 질문있습니다.



<div id="SearchLayer" style="position:absolute;z-index:999;display:none; width:100%; height:90%;
      background: none rgba(0, 0, 0, 0.9); 
      filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#80000000', endColorstr='#80000000');" 
      align='center'>
    <table valign="middle" height=100%>
      <tr>
        <td >
          <input tyep='text'><input type='submit'><br>
          <br><br>
          <font size='3' color='white' onclick='CloseSearch()'>Close</font>
        </td>
      </tr>
    </table>
  </div>

위와 같이 레이어 팝업 소스를 해당 jsp파일에 추가 시켰습니다.

그리고

function ViewSearch(){

  document.getElementById("SearchLayer").style.display='inline';

}

function CloseSearch(){

  document.getElementById("SearchLayer").style.display='none';

}

로 레이어팝업 띄우고 닫는 버튼 클릭이벤트를 구성헀구요..


문제가 sitemesh를 써서 원하는 화면이 안나와요..ㅜ

위 그림과 같이 나와버리는데요..


부모의 부모의 부모.. 그니까 최상위 div까지 전부 비활성화 되는 레이어팝업 구현하고싶은데 

어떻게 하면될까요?

0
0
  • 답변 1

  • 20170923
    1k
    2018-06-19 18:38:36
    <div id="SearchLayer" style="position:absolute;z-index:999;display:none; width:100%; height:90%;
          background: none rgba(0, 0, 0, 0.9); 
          filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#80000000', endColorstr='#80000000');" 
          align='center'>

    저 부분이 덮어지는, 그러니까 뒷 배경으로 보여지는데 저 부분이 잡히는 공간이 최상위 div보다 작아서 그렇거든요. 최 상위 div보다 바깥에 있던지, css로 위치를 재설정 해주셔야 할 것 같아요

    1
  • 로그인을 하시면 답변을 등록할 수 있습니다.