CSS 클릭에 숨겨진 코드는 무엇입니까-CSS 튜토리얼-php.cn

CSS 클릭에 숨겨진 코드는 무엇입니까

WBOY

풀어 주다： 2021-12-07 17:59:10

원래의

3670명이 탐색했습니다.

CSS에서 클릭하면 숨겨진 코드는 "element:active{opacity:0;}"입니다. ":active" 선택기는 클릭 시 요소의 상태를 선택하고 스타일과 불투명도를 설정하는 데 사용됩니다. 속성은 요소의 불투명도 수준을 설정하는 데 사용됩니다. 즉, 요소를 클릭하면 요소가 숨겨지고 표시되지 않습니다.

CSS 클릭에 숨겨진 코드는 무엇입니까

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS 클릭 숨기기 코드는 무엇인가요?

CSS에서는 :active 선택기와 불투명도 속성을 사용하여 클릭 숨기기 효과를 얻을 수 있습니다.

:active 선택기는 활성 링크를 선택하는 데 사용됩니다.

링크를 클릭하면 활성화(활성화)됩니다.

불투명 속성은 요소의 불투명도 수준을 설정합니다.

구체적인 구문은

元素:active{opacity: 0; }

로그인 후 복사

예제는 다음과 같습니다.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            div{
                width: 380px;
                height: 250px;
                background-image: url(1118.02.png);
            }
            div:active{
               opacity: 0; 
            }
        </style>
    </head>
    <body>
        <div>鼠标点击div盒子</div>
    </body>
</html>

로그인 후 복사

출력 결과:

CSS 클릭에 숨겨진 코드는 무엇입니까