CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 123
0
조회 수 : 5972 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구| 미리보기 : |
|---|
<input type="file" 의 fileField는 기본적으로 찾아보기... 등으로 버튼이 나온다.
디자이너 입장에서는 이부분도 꾸미고 싶을때가 있다..
그럴경우 아래와 같이 적용하는 꼼수도 있다.(플래쉬로 저부분만 하는 경우도 있다..)
<div style="position:relative; width:200px;">
<input type="text" name="" class="input_file1" style="width:150px;" />
<img src="찾기버튼 이미지경로" alt="찾기" />
<div style="position:absolute; top:0; left:0;">
<input type="file" name="fileUpload" class="input_file1" style="width:200px; opacity:0; filter:alpha(opacity=0); cursor:pointer;" />
</div>
</div>
간단히 설명을 드리자면 file 필드를 투명값을 줘서 시각적으로는 보이지 않게 되지만, 클릭은 되는형태이다.
결국 보여지는건 이미지와 텍스트필드가 되는것이다.
파일필드에 위치를 찾기버튼에 맞추기 위해 좌표를 준것이며, 그좌표에 기준을 구하기 위해 전체적으로 relative 로 묶는것이다.
포토샵과 letter-spacing 자간 비교 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
첫번째 댓글을 남겨주세요!
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기