CSS 불투명도 / 투명성 > 퍼블리셔팁

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

퍼블리셔팁

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

CSS 불투명도 / 투명성 정보

CSS 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
추천
0

댓글 0개

전체 1,264
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT