메뉴 건너뛰기

프로그램언어

조회 수 4665 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<style type="text/css">
    .black_overlay{
      display: none;
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index:1001;
      -moz-opacity: 0.8;
      opacity:.50;
      filter: alpha(opacity=50);
    }
    .white_content {
      display: none;
      position: fixed;
      top: 10%;
      left: 50%;
      margin-left: -231px;
      width: 462px;
      height: 478px;
      padding: 16px;
      border: 5px solid orange;
      background-color: white;
      z-index:1002;
      overflow: auto;
    }
  </style>

<script>

    $('#formname).click(function(){
      $('#light').show();
      $('#fade').show();
      var height = document.body.scrollHeight;
      $('#fade').css("height",height);
      $('#light').load("filename");
    });

</script>

.

.

.

.

<div id="light" class="white_content">
</div>
<div id="fade" class="black_overlay"></div>


List of Articles
번호 제목 날짜 조회 수
12 말줄임 2016.12.22 4770
11 css를 이용한 테이블 가운데 정렬 2016.12.22 4902
» light박스 css로 흉내내기 2016.12.22 4665
9 CSS background-repeat 이해하기 2016.12.22 4774
8 모바일 체크박스 변경 마크업 2015.02.03 5014
7 모바일 실제 해상도와 device-width 2015.02.03 4774
6 IIS7 에서 woff MIME 등록하기. 2015.02.03 4776
5 <iframe>으로 올린 유투브 동영상 z-index 문제 2015.02.03 6684
4 네이버 나눔글꼴 적용 2014.03.01 6707
3 메뉴 텍스트(text)에 그림자 효과 주기 2014.02.27 5844
2 둥근 모서리 박스 css 2014.02.27 5901
1 Box CSS file 2014.02.27 6584
Board Pagination Prev 1 2 Next
/ 2

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved