>  기사  >  웹 프론트엔드  >  CSS는 요소를 반투명하게 만듭니다.

CSS는 요소를 반투명하게 만듭니다.

高洛峰
高洛峰원래의
2017-03-20 10:45:531840검색

이 글에서는 CSS를 사용하여 요소를 반투명하게 설정하는 방법에 대한 정보를 주로 소개합니다. 매우 좋고 참고할 만한 가치가 있으므로

.opacity{  filter:alpha(opacity=50);       
/* IE */  -moz-opacity:0.5;              
/* 老版Mozilla */  -khtml-opacity:0.5;              
/* 老版Safari */  opacity: 0.5;           
/* 支持opacity的浏览器*/}

요소를 반투명하게 설정

.filter = "alpha(opacity=" + opacity + ")";    
/* IE */ .MozOpacity = (opacity / 100);                 
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);               
/* 老版Safari */ .opacity = (opacity / 100);                    
/* 支持opacity的浏览器*/

Windows 플랫폼에서 이미지 크기를 조정하면 이미지 왜곡이 발생할 수 있습니다. IE 전용 명령인

img{-ms-interpolation-mode: bicubic;}

위는 편집기에서 소개하는 내용입니다. CSS를 사용하여 요소를 반투명하게 설정하세요. 질문이 있는 경우 메시지를 남겨주시면 편집자가 제 시간에 답변해 드리겠습니다. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!

CSS 요소를 반투명하게 설정하는 것과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 기사:

CSS3 튜토리얼(8): CSS3 투명성 가이드

CSS3에서 투명도를 조정하기 위해 RGBa를 사용하는 예

CSS3 불투명도 구현을 위한 전체 코드

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:CSS3 브라우저 호환다음 기사:CSS3 브라우저 호환