CSS로 스크린샷을 찍는 세 가지 방법

이 글은 주로 CSS 스크린샷을 찍는 세 가지 방법을 공유하며, 참고할 가치가 높으며 모두에게 도움이 되기를 바랍니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

CSS로 이미지를 스크린샷하는 여러 가지 방법

원본 이미지:

• DIV 배경 위치 사용:

IMG 클립 사용: 각형(왼쪽 위 Y, 오른쪽 아래 오버플로 속성) control

• <p class="p_bg"></p>
  <style type="text/css">
     .p_bg
          {           
           width: 550px;     
           height: 113px;     
           background-image: url(img/bk_title_all.jpg);  
           background-repeat: no-repeat;       
           background-position: 0px -599px;  
  }</style>

  렌더링:

  <img  class="img1" src="img/bk_title_all.jpg" / alt="CSS로 스크린샷을 찍는 세 가지 방법" >
      <style type="text/css">
        .img1
        {  
            width: 550px;   
            background-image: url(img/bk_title_all.jpg);      
            clip: rect(599px 550px 712px 0px);      
            position: absolute;       
            margin-top: -599px;        }
       </style

               

위 내용은 CSS로 스크린샷을 찍는 세 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!