분류 전체보기216 한자 폰트 안깨지게 스타일 설정하기 font-family: Tahoma, Arial, Helvetica, 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif; 2020. 4. 2. 익스플로러에서 table border 제대로 안나올 때 익스플로러에서 th의 border가 안나오길래 table {border-collapse: collapse;} 때문인 줄 알았는데, th에 background color가 들어가서였다.. th에 background-clip: padding-box; 추가해주니 해결완료. 2020. 4. 2. 모바일 iPhone Safari 에서 폰트 오류 webkit-text-size-adjust: none; -webkit-text-fill-color: #fff; 2020. 4. 2. 트랜지션 transition -webkit-transition: 1s; transition: 1s; 2020. 4. 2. 셀렉트 박스 텍스트 가운데 정렬 select { text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; } 2020. 4. 2. 이미지 배율 조정 시 품질 관리 https://developer.mozilla.org/ko/docs/Web/CSS/image-rendering 2020. 4. 2. css 배경 확대/축소 animation #section1 .main-bg {width:100%; min-height:100%; background:url('../images/intro/intro_bg_01.jpg') center center no-repeat; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-animation:KEYFRAME 2.5s both; -moz-animation: KEYFRAME 2.5s both; -o-animation: KEYFRAME 2.5s both; animation: KEYFRAME 2.5s both} @-webkit-k.. 2020. 4. 2. 텍스트 드래그 drag 방지 -webkit-text-size-adjust: none; -webkit-user-select: none; 2020. 4. 2. 반응형 갤러리 리스트에서 이미지 사이즈 맞추고 가운데 정렬하기 //썸네일 이미지 가운데 조정 $(window).resize(function(){ //화면 사이즈 줄일때 실시간으로 적용 $(".event-image img").each(function(){ var ThumImgWidth = $(this).width(); var ThumImgLeft = -(ThumImgWidth/2); $(this).css({"left":ThumImgLeft}); }); }); $(".event-image img").each(function(){ $(this).load(function(){ //이미지가 로드되면 실행 var ThumImgWidth = $(this).width(); var ThumImgLeft = -(ThumImgWidth/2); $(this).css({"left":T.. 2020. 4. 2. 이전 1 ··· 21 22 23 24 다음
