웹 페이지 제작 Webjx 기사 소개: 새로운 CSS3 "RGBA" 문을 사용하면 평소대로 RGB 색상을 설정할 수 있을 뿐만 아니라 투명도도 설정할 수 있습니다. 새로운 CSS3 "RGBA" 선언을 사용하면 평소처럼 RGB 색상을 설정할 수 있을 뿐만 아니라 투명도도 설정할 수 있습니다.
새로운 CSS3 "RGBA" 선언을 사용하면 평소와 같이 RGB 색상을 설정할 수 있을 뿐만 아니라 투명도도 설정할 수 있습니다.
새로운 CSS3 "RGBA" 선언을 사용하면 평소처럼 RGB 색상을 설정할 수 있을 뿐만 아니라 투명도도 설정할 수 있습니다.
이전 기사: CSS3 튜토리얼(8): CSS3 투명도 가이드
RGBA는 RGB와 마찬가지로 색상을 설정하며, RGBA의 마지막 값인 이 "A"를 사용하여 이 요소의 투명도를 설정할 수 있습니다. 불투명도 선언과 마찬가지로 불투명도 값이 1인 요소는 완전히 불투명하고, 불투명도 값이 0인 요소는 완전히 투명합니다.
브라우저 호환성
RGBA는 이제 Firefox, Google Chrome 및 Safari에서 잘 지원되며 접두사가 필요하지 않습니다. CSS3 RGBA 색상
위의 효과는 다음 스타일로 달성됩니다:
div.rgbaL1 { background:rgba(153, 134, 117, 0.2); 20px; } div.rgbaL2 { 배경:rgba(153, 134, 117, 0.4); 높이:20px; } div.rgbaL3 { 배경:rgba(153, 134, 0.6) } div.rgbaL4 { background :rgba(153, 134, 117, 0.8); height:20px; } div.rgbaL5 { background:rgba(153, 134, 117, 1.0) }
브라우저 지원
Firefox(3.05…)
Google Chrome(1.0.154…)
Google Chrome(2.0.156…)
Internet Explorer(IE7, IE8 RC1)
Opera(9.6…)
Safari(3.2.1 windows…)
위 CSS3 튜토리얼 내용입니다(9): RGB color_css3_CSS_웹페이지 제작 설정, 더보기 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!