본문 바로가기

CSS Tip

[CSS] filter:alpha 반투명효과 주기

 

 

가운데 보면 로고 부분이 연하게 처리 되있는데

 

이전에 소스는

 

<td align = center><img SRC="/img/goods/logo02.gif" style="filter:Alpha(style=0,opacity=30);"></td>

 

이렇게 적용이 되어있었는데

 

익스플로러 10부터는 적용이 안되는 현상이 생겼다

 

위 처럼 코딩을 하게 되면 익스플로러에서만 작동을 하고

 

다른 브라우져에서도 보이게 하려면

 

opacity:0.5;-moz-opacity:0.5; 요 코딩을 추가

<td align = center><img SRC="/img/goods/logo02.gif" style="filter:Alpha(style=0,opacity=30);opacity:0.5;-moz-opacity:0.5;"></td>

 

추가해 주면 모든 브라우져에서도 작동 하게된다.