div를 투명~하게! 정보
div를 투명~하게!
본문
필터를 쓰시면 됩니다.
filter:alpha(opacity=30);
하지만 단점이 있습니다.
div 안에 들어간, 이미지, 글자 등이 모두 투명하게 됩니다.
따라서 올려놓은 이미지를 img폴더에 놓고 이렇게 설정하세요.
#toomyung {width:500px; height:500px; background-image: url(img/tn.png);}
추천
2
2
댓글 4개
감사합니다~ ^^
파일을 분명히 올려놨는데 다운받는곳에 없네요 ㅡㅡ;;
포토샵에서 ctrl N 누르셔서 투명 하고 나서 흰색으로 채워넣기 한 다음 투명도를 조절하세요
포토샵에서 ctrl N 누르셔서 투명 하고 나서 흰색으로 채워넣기 한 다음 투명도를 조절하세요
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
브라우져마다 다르게 적용되어야 하네요
http://www.w3schools.com/css/css_image_transparency.asp
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
브라우져마다 다르게 적용되어야 하네요
http://www.w3schools.com/css/css_image_transparency.asp
<style type="text/css">
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에서 확인했습니다.
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에서 확인했습니다.
