우린친구블로그 - 그림안에 투명텍스트박스 넣기.

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

<!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>

</BODY>
</HTML>

List of Articles
번호	분류	제목	날짜	조회 수
424	유용한상식	부동산 경기가 국민 경제에 미치는 영향	2011.01.03	22666
423	유용한상식	아파트 분양권 전매 3	2011.01.02	20311
422	종교와철학	만물의 법칙, 선순환과 악순환 1	2010.12.29	6442
421	컴퓨터잡담	DllCall() 3	2010.12.22	15314
420	주식	대한민국 기득권층이 바라는 일 1 1	2010.12.22	3961
419	종교와철학	IMF 때 나왔던 부자들의 인터뷰	2010.12.22	6517
418	주식	설명만 장황한 가치투자 2 1	2010.12.22	7054
417	종교와철학	주님께 감사드립니다.	2010.12.22	5848
416	종교와철학	신과 인간 그리고 닭과 달걀	2010.12.22	5215
415	주식	개인의 최대 손실을 바라는 주식시장	2010.12.22	3486

분류

424

유용한상식

부동산 경기가 국민 경제에 미치는 영향

2011.01.03

22666

423

유용한상식