Skip to content
컴퓨터잡담
2010.09.29 18:46

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

조회 수 9500 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

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



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

로그인 후 댓글쓰기가 가능합니다.

?

List of Articles
번호 분류 제목 날짜 조회 수
2267 종교와철학 "박근혜 '애' 낳는 그림 그린 홍씨, 누군가 자신의 어머니를 저런식으로 그렸다면? file 2012.11.19 5761
2266 AutoHotKey #ifwinactive & #ifwinexist 윈도우창 마다 핫키의 용도를 다르게 사용하는 방법 2011.02.14 15355
2265 만들기 <!--f644fe64217d47f8abef1fe9b7150c48--> secret 2010.10.29 3869
2264 Excel 'C:Documents.xlsx' 을(를) 찾을 수 없습니다. 라는 오류 메시지가 나오는 경우 대처방법 2015.01.28 3662
2263 유용한상식 '작업의 정석' 과외받는 남자들 12 2013.03.04 6986
2262 WindowsTip (nPDF) 프린터 인쇄 내용을 PDF 파일로 변환하기 2015.01.24 1892
2261 재미재미 (쇼킹한 음료광고)Thailand funny slimming greentea commercial 1 2 2012.08.25 4875
2260 일상 (펌)개성공단에서 4월 13일 나온 근무자입니다 2013.04.17 19516
2259 유용한상식 (해외송금)SWIFT 국민은행 송금 및 은행별 SWIFT CODE LIST 2014.02.03 16897
2258 재미재미 * 바람피운 남편을 어떻게...* 2010.12.19 4801
Board Pagination Prev 1 2 3 4 5 ... 227 Next
/ 227

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소