CSS에서 버튼을 투명하게 만드는 방법

CSS에서는 불투명도 속성을 사용하여 버튼 투명도를 설정할 수 있습니다. 구문은 "불투명도: 값"입니다. 여기서 값 범위는 "0.0-1.0"입니다. 값이 1이면 완전히 불투명하다는 의미입니다. 값이 0.5이면 반투명을 의미하고, 값이 0이면 완전 투명을 의미합니다.

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

CSS는 불투명도 속성을 사용하여 버튼 투명도 효과를 설정할 수 있습니다. CSS의 불투명도 속성은 요소의 불투명도 수준을 설정합니다. IE8 및 이전 버전은 대체 필터 속성을 지원합니다. 예:

filter:Alpha(불투명도=50).

css는 불투명도 속성을 사용하여 요소의 불투명도 수준을 설정합니다.

구문: ​​

opacity: value|inherit;

속성 값:

값은 불투명도를 지정합니다. 0.0(완전 투명)부터 1.0(완전 불투명)까지입니다.

inherit는 상위 요소의 불투명도 속성 값을 상속해야 합니다.

예:

불투명도 속성을 사용하여 버튼 투명도 효과 설정

HTML 코드

<span id="testbtntext">查看</span>
<input type="button" class="btn_blue" id="testbtn" value="查看" />

css 코드:

#testbtn{
    filter:Alpha(opacity=0.3);
    -moz-opacity:0.3;
    opacity:0.3;
  }
#testbtntext{
    color:#000;
    position:relative;
    right:-px;top:0px;
 }

렌더링:

추천 학습: css 비디오 튜토리얼

위 내용은 CSS에서 버튼을 투명하게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!