CSS를 사용하여 이미지를 투명하게 만드는 방법

CSS로 투명한 이미지를 만드는 것은 쉽습니다. #推荐#(권장 학습:CSS tutorial)#🎜🎜 ## 🎜🎜참고: CSS OPACITY 속성은 W3C CSS 권장 표준의 일부입니다.

예 1 - 투명한 이미지 만들기

투명 효과를 정의하는 CSS3 속성은 불투명도입니다.

먼저 CSS를 통해 투명한 이미지를 만드는 방법을 보여드리겠습니다.

일반 이미지:

투명도가 있는 동일한 이미지: #🎜 🎜#

아래 CSS를 참조하세요.

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}

IE9, Firefox , Chrome , Opera 및 Safari는 불투명도 속성을 사용하여 투명도를 설정합니다. 불투명도 속성은 0.0에서 1.0 사이의 값으로 설정할 수 있습니다. 값이 작을수록 투명해집니다. IE8 및 이전 버전에서는 filter:alpha(opacity=x) 필터를 사용했습니다. x는 0에서 100까지의 값을 가질 수 있습니다. 값이 작을수록 투명해집니다.

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