Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 웹 접근성
- 디자인
- 스크롤 웹사이트
- 신박한 웹디자인
- 사람 일러스트
- 귀여운 웹디자인
- Image Replacement
- IR기법
- 스크롤 웹디자인
- 웹디자인
- 접근성
- 시맨틱 마크업
- 시맨틱
- jquery 웹디자인
- 배경이 이쁜 웹디자인
- 우주 웹디자인
- 깔끔한 웹디자인
- jQuery
- 유니크
- 일러스트
- 특이한 웹디자인
- 스크롤
- 3D
- 웹사이트
- 이쁜 웹디자인
- 신박한 디자인
- 마크업
- 마우스오버
- mark up
- 이미지 리플레이스먼트
Archives
- Today
- Total
목록이미지 리플레이스먼트 (1)
Play Ground
Image Replacement(IR기법)
CSS Image Replacement(IR기법) 의미가 포함되어 있는 image를 배경으로 표현하고, 그에 상응하는 내용을 text로 전경에 기입하는 방법으로, 시각이 있는 사용자는 이미지로 처리된 화면을 볼 수 있지만 "화면 낭독기를 사용하는 시각 장애인, CSS제거 및 인쇄"시에는 문자에 접근하거나 문자를 볼 수 있는 형태로 설계 하는 기법을 말한다 첫번째 h1#technique-one { width: 250px; height: 25px; background-image: url(logo.gif)} h1#technique-one span{display: none;} CSS-Tricks 두번째 h1.technique-two {width: 2350px; height: 75px; background: ur..
Programming/HTML
2013. 3. 26. 16:54