div를 투명~하게!
div 를 투명하게 해볼까요?
필터를 쓰시면 됩니다.
filter:alpha(opacity=30);
하지만 단점이 있습니다.
div 안에 들어간, 이미지, 글자 등이 모두 투명하게 됩니다.
따라서 올려놓은 이미지를 img폴더에 놓고 이렇게 설정하세요.
#toomyung {width:500px; height:500px; background-image: url(img/tn.png);}
필터를 쓰시면 됩니다.
filter:alpha(opacity=30);
하지만 단점이 있습니다.
div 안에 들어간, 이미지, 글자 등이 모두 투명하게 됩니다.
따라서 올려놓은 이미지를 img폴더에 놓고 이렇게 설정하세요.
#toomyung {width:500px; height:500px; background-image: url(img/tn.png);}
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 4개
포토샵에서 ctrl N 누르셔서 투명 하고 나서 흰색으로 채워넣기 한 다음 투명도를 조절하세요
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
브라우져마다 다르게 적용되어야 하네요
http://www.w3schools.com/css/css_image_transparency.asp
body {background-image:url(img/bg.png); text-align:center;}
#wrap {width:900px; height:500px; text-align:left; margin:0 auto; filter:alpha(opacity=30); background-color:#fff;}
</style>
<div id="wrap">
<span style="font-size:25pt; font-weight:bold;">안녕하세요.</span>
</div>
+
#wrap span { filter:alpha(opacity=100);position:relative; }
IE7에서 확인했습니다.