RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
sejin7940
조회:7439 2010.02.11 01:30
출처 | CMS Factory |
---|---|
출처URL | https://www.cmsfactory.net/node/10796 |
CSS의 opacity 속성으로 요소의 투명도를 정할 수 있습니다. 선택한 요소의 배경과 내용 모두를 투명하게 만듭니다.
문단의 배경과 글자 모두가 투명해집니다.
만약 배경만 투명하게 하고 글자는 투명하지 않게 하려면 opacity 속성을 쓰지 말고 배경색에 RGBA 색상을 사용합니다.
background-color: #000; opacity: 0.5;
이런 형태였다면, 그 대신에
background-color: rgba( 0, 0, 0, 0.5 );
으로 기재하면 된다.
단, RGBA 색상은 IE8 이하에서는 적용되지 않습니다.
==================================================
여기 적혀있는건 예전 방법
실제 이미지파일에 opacity나 fill 값을 이용해 투명한 gif나 png 를 만드는 방법도 있지만
CSS 를 이용해서 투명도를 부여하는 것 또한, 의외로 꽤 쓸만한 효과가 된다.
문제는, 이게 정형화된 게 없다보니, 웹브라우저마다 다 다르다는 점이다.
특히나, 이번에 윈도우7이 기본지원하는 IE8 이 또 다른 방법을 택했기에.. 그냥 정리해둔다.
예를들어 85% 의 알파값을 주고 싶은 경우에..
filter: alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; ;
라고, 해당 css 쪽에 쓰던지, style="" 에 기재하면 된다.
filter: alpha(opacity=85); 는 IE5.5, IE6, IE7 용
-moz-opacity:0.85 는 파이어폭스3 용
opacity:85 는 오페라나, 예전 사파리, 예전 IE용