CSS Alpha 투명성에 대한 관련 지식. 먼저 다음 코드를 살펴보십시오.
프로그램 코드
필터:알파(불투명도=50) /* IE */
-moz-불투명도:0.5 /* 모즈 + FF */
Opacity: 0.5; /* CSS3를 지원하는 브라우저(FF 1.5도 지원) */
간단히 설명하자면, IE는 private 속성인 filter:alpha(opacity)를 사용하고, Moz Family는 private 속성인 -moz-opacity를 사용하고, 표준 속성은 opacity입니다(CSS 3, Moz Family는 부분적으로 CSS3를 지원합니다). 다음 값은 투명도이며, 백분율 또는 소수(알파(불투명도))를 사용합니다. 실제로는 백분율인 0보다 크고 100보다 작은 값을 사용합니다. 위 코드에는 Opera가 표시되지 않습니다. 그렇습니다. Opera는 아직 표준 불투명도를 지원하지 않으며 알파 투명도를 지원하는 자체 개인 속성도 없습니다. 그러나 우리는 Opera가 Alpha 투명 PNG 이미지를 지원한다는 것을 알고 있습니다(물론 Moz Family도 이를 지원합니다). 따라서 배경 이미지를 사용하여 알파 투명도를 얻을 수 있습니다.
핵심은 다음과 같습니다.
프로그램 코드
배경:투명 URL(alpha80.png) 왼쪽 상단 반복!중요;
배경:#ccc;
필터:알파(불투명도=50);
Moz Family는 알파 투명 PNG를 지원하므로 개인 속성을 사용할 필요가 없습니다. 물론 표준 불투명도를 사용할 수 있지만 알파 투명 이미지와 불투명도를 동시에 사용하지 마십시오. 그렇지 않으면 둘이 혼합됩니다. 위 예제를 다운로드하여 /*opacity:.5;*/의 주석을 살펴보세요.