CSS 썸네일형 리스트형 IE8 에 html5 쉽게 적용하기 위 js 파일을 서버에 올리시고(zip 파일은 원본 배포처에서 다운받은 오리지널) head에 넣어서 사용 모든 IE8 + html5 에 대해서 100% 잡아주지는 못한다고 알려져 있으나 개인적인 체감으론 99% 는 잡아주고 있는 것으로 보이고 만족스러운 역할을 해준 자료. 더보기 CSS3 백그라운드 이미지(background-image) 사이즈 비율에 맞게 조정하기 적용 예 이게 원본 이미지의 사이즈 (사이트 내의 상세설명 페이지에서 캡쳐함) 이게 리스트에서 보여지는 모습. 위에있는 이미지나 아래에 있는 백그라운드나 같은 파일을 불러오고 있는것. 위 예시에서는 가로는 div의 사이즈에 맞게 비율만 줄어들어서 전부 나오고 세로는 가로의 비율에 맞게 나오다가, div영역 사이즈를 초과하면 알아서 멈춤. style="width:296px; height:152px; background-image:url('장나라'); -ms-behavior: url('/css/backgroundsize.min.htc'); background-size:cover; background-repeat:no-repeat;" -ms-behavior: url('/css/backgroundsize.min.. 더보기 나눔고딕 웹폰트 적용 소스 (크로스 브라우징 문제 해결하기) 1. API를 이용하지 않는 소스 (IE 계열의 브라우저에서 불규칙적으로 작동 안할때가 있음)@font-face { font-family: "fontng"; src: url('/font/NanumGothic.eot'); src: local('?') , url('/font/NanumGothic.eot?#iefix') format('embedded-opentype') , url('/font/NanumGothic.ttf') format('truetype') , url('/font/NanumGothic.woff') format('woff'); font-weight: normal; font-style: normal; .fng{font-family:'나눔고딕', NanumGothic, 'fontng';} 로컬에 나.. 더보기 이전 1 다음
