부트 스트랩 모달 오버랩

부트 스트랩 모달을 구현했으며 정상적으로 작동합니다. 여기에 내 코드부트 스트랩 모달 오버랩

<div id="myModal" class="modal fade hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header" style="background-color:#bb4837"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> 
     <h2 style="color:white;vertical-align:middle"id="myModalLabel">Add Multiple Stores</h2> 
    </div> 
    <div class="modal-body"> 
     <des style="font-family:garrisons">You can upload a excel sheet with your store details.Please download the multistore template in .xls format <a href="#">here</a>.</des><br><br> 
      <input style="margin-left:5em" type="text" id="upload-textstore" onclick="select_file('store','storefile','store','text/csv');" class="span3"/><button type="button" style="margin-bottom:25px;margin-left:10px" onclick="upload('/merchant/v1/fileupload','store')" class="btn btn-upload">Upload</button><br> 
     <br><br><br><br> 
    </div> 
    <div class="modal-footer"> 
      <form class="form-inline" style="margin-bottom:0px"> 
       <button class="btn btn-danger " data-dismiss="modal" style="font-size:1.2em;height:32px;width:7em;margin-left:4em;margin-right:.5em" href="#">Select</button> 
       <a data-dismiss="modal" href="#" style="font-size:1.2em;margin-top:.4em;margin-left:0px;margin-right:1em">Cancel</a> 

      </form> 
    </div> 
</div>

문제는이 웹 페이지에서 다른 구성 요소를 중복하고 숨겨진 모습입니다.

출처

2013-04-01 PRASANTH

시각적으로 볼 수 있도록 링크가 있습니까? –

죄송합니다 웹 사이트는 베타 버전이므로 공개 할 수 없습니다. 문제는 내가 드래그 할 수있는 마커가있는지도입니다. 하지만 모달 겹치기 때문에 숨겨져있어 마커를 끌 수 없으며 모달 폼 단추는 숨겨진 영역으로 마우스를 가져 가면 클릭 할 수 있습니다. – PRASANTH

겹쳐져 있고 숨겨져 있어야하는 항목에 대한 디스플레이 속성을 확인하고'css'가 현재'visibility : hidden'을 가지고 있으면'display : none;'으로 설정되어 있는지 확인해야합니다. 그것을'display : none; '으로 변경하면 가장 좋은 방법이 될 것이지만, 여전히 그것을 이해할 수 없다면 내 이메일에 대한 링크를 보내어 웹상에있는 것이 아니기 때문에 체크 아웃 할 수있다. , 그것까지. [email protected] –

나는이 질문에 대한 답을했지만 내 공식적인 대답은 뭔가가 웹 사이트에 숨겨져 있다고 가정하고 있지만 여전히 거기에 해당 요소를보고 CSS 속성을보고 그들이 display:none으로 설정되어 있는지 확인해야합니다. 해당 요소가 visibility: hidden 속성이 display:none으로 변경되면 페이지의 흐름에서 해당 요소가 제거됩니다. visibility: hidden은 요소의 시각적 부분을 제거하지만 사이트의 흐름에서는 제거하지 않습니다.

출처

2013-04-01 05:16:21

다른 사람들에게 도움이 될 경우를 대비해 명시 적으로 정의 된 행 클래스 안에 부트 스트랩 열이 없기 때문에 문제가 발생했습니다.

출처

2014-04-10 03:09:59 toddmillernyc

부트 스트랩 모달 오버랩

답변

관련 문제