테스트 사이트 - 개발 중인 베타 버전입니다

CSS 불투명도 / 투명성

CSS 불투명도 / 투명성

 

이 opacity속성은 요소의 불투명도 / 투명도를 지정합니다.

 

투명한 이미지

이 opacity속성은 0.0 - 1.0의 값을 가질 수 있습니다. 값이 낮을수록 투명합니다.

 


숲

불투명도 0.2

숲

불투명도 0.5

숲

 

불투명도 1 
(기본값)

 




참고 : IE8 및 이전 버전이 사용 filter:alpha(opacity=x)됩니다. x는 0 - 100의 값을 취할 수 있습니다. 값이 낮을수록 요소가 더 투명 해집니다.


img {

    opacity: 0.5;

    filter: alpha(opacity=50); /* For IE8 and earlier */

}



<!DOCTYPE html>

<html>

<head>

<style>

img {

    opacity: 0.5;

    filter: alpha(opacity=50); /* For IE8 and earlier */

}

</style>

</head>

<body>


<h1>Image Transparency</h1>

<p>The opacity property specifies the transparency of an element. The lower the value, the more transparent:</p>


<p>Image with 50% opacity:</p>

<img src="img_forest.jpg" alt="Forest" width="170" height="100">


</body>

 

</html>



Image Transparency

The opacity property specifies the transparency of an element. The lower the value, the more transparent:

Image with 50% opacity:

Forest

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기