컴퓨터잡담

그림안에 투명텍스트박스 넣기.

by 디케 posted Sep 29, 2010
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

그림안에 투명텍스트박스 넣기.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>투명만들기^^</TITLE>
  <style type="text/css">
  .img_con
  {
 position:relative;
 margin:1px;
 float:left;
 width:220px;
 height:190px;
 z-index:54;
  }
  .r_ima { position:absolute; }
 .text_box {
  position:absolute;
  width:100%;
  height:17px;
  margin-top:170px;
  _margin-top:173px;
  padding-top:3px;
  background-color:#000000;
  filter:Alpha(opacity:50);
  opacity:0.5;
  font-size:8pt;font-family:돋움;
  color:#ffffff;
  overflow:hidden;
  text-align:center;
  z-index:55;
    }

  </style>
 </HEAD>

 <BODY>
 <div>
<div class="img_con">
  <img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
    <div class="text_box">풍경화 그림</div>
 </div>
 <div class="img_con">
  <img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
    <div class="text_box">풍경화 그림</div>
 </div>
 <div class="img_con">
  <img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
    <div class="text_box">풍경화 그림</div>
 </div>
 <div class="img_con">
  <img class="r_ima" src="http://www.3aok.com/images/888.gif" width="220" height="190">
    <div class="text_box">제로보드에서 그누보드</div>
 </div>
 <div class="img_con">
  <img class="r_ima" src="http://www.donga.com/photo/news/200712/200712100243.jpg" width="220" height="190">
    <div class="text_box">소녀시대 이승철과</div>
 </div>

 <div class="img_con">
  <img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
    <div class="text_box">풍경화 그림</div>
 </div>
 <div class="img_con">
  <img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
    <div class="text_box">풍경화 그림</div>
 </div>
 <div class="img_con">
  <img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
    <div class="text_box">풍경화 그림</div>
 </div>
 <div class="img_con">
  <img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
    <div class="text_box">풍경화 그림</div>
 </div>
 <div class="img_con">
  <img class="r_ima" src="http://common.pcbee.co.kr/newimg/2006/gallery/t_wallpaper1.jpg" width="220" height="190">
    <div class="text_box">풍경화 그림</div>
 </div>

 </div>


 </BODY>
</HTML>