본문 바로가기
dev/webDev

크로스 브라우징 Image Opacity 예제

by Kelvin™ 2011. 2. 14.
<script language="javascript">

  function view_opacity() {
    var opacityimg= document.getElementById('opacityimg');

    if(opacityimg.filters){
        opacityimg.style.filter = 'alpha(opacity=65)'; //IE
    }else{
        opacityimg.style.opacity = 0.65; //기타브라우져
    }
  }

</script>

<img onclick="view_opacity();" src="" id="opacityimg">


파폭, 크롬, 오페라, 사파리, IE6 에서 다 됨.