>  기사  >  웹 프론트엔드  >  CSS로 스크린샷을 찍는 세 가지 방법

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

零到壹度
零到壹度원래의
2018-03-19 11:29:544329검색

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

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

원본 이미지:
CSS로 스크린샷을 찍는 세 가지 방법

  • DIV 배경 위치 사용:


CSS로 스크린샷을 찍는 세 가지 방법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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.