묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
테이블 반투명 효과에 대해 질문
2007.01.24 04:08
테이블을 반투명 하게 할때
opacity 값 주잖아요
그런데 이 값을 줘버리면
테이블 안에 있는 테이블 까지 반투명해 져 버려요
안쪽 테이블 은 안 투명해지게 하는 방법 없나요
아니면 배경만 반투명 줄 수는 없나요
opacity 값 주잖아요
그런데 이 값을 줘버리면
테이블 안에 있는 테이블 까지 반투명해 져 버려요
안쪽 테이블 은 안 투명해지게 하는 방법 없나요
아니면 배경만 반투명 줄 수는 없나요
원하는 모양을 얻을 수 있습니다
background-color: transparent; 라는 값도 있으니 적절히 조합해서 써보세요
위에 값은 말 그대로 배경을 투명하게 해서 하위배경을 보이게 한답니다
덧붙여
opacity는
opacity: .55;
filter: alpha(opacity=55);
위와 같이 두개를 써주는게 나을수 있습니다
위에 값은 모질라 계열에서 쓸수 있고 아래는 익스에서 됩니다
단 위에 값을 두개 쓰다보면 화이어폭스 스크립 검사기에는 오류로 나올겁니다
알파값을 모질라에서 쓸수 없는데 쓰겠다고 선언해서 그렇습니다
이럴때는
<style type="text/css">
#스타일지정{
opacity: .55;
}
</style>
<!--[if IE]>
<style type="text/css">
#스타일지정{
filter: alpha(opacity=55);
}
</style>
<![endif]-->
위와 같이 먼저 기본 스타일을 정의해 주고 그 다음 익스에서만 쓸수 있는 지정 스타일을
쓰시면 오류를 피해갑니다