투명도 설정 크로스브라우징

 

 

 

HTML

 

 

<div class="transparent"><p>안녕하세요 :D</p></div>
 

 

 

CSS

 

.transparent{
  width: 100%;
  max-width: 368px;
  height: 261px;
  margin: 0 auto;
}
.transparent img{
  background: #f2f2f2;
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}