일상로그 일상로그

CSS

• [css] overflow-x: hidden 예상대로 동작하지 않을 때

  Dev/TIL 2022. 9. 6. 11:45

  overflow-x: hidden 예상대로 동작하지 않을 때 아래 코드를 추가해보자. white-space: nowrap;

  Read More
• [css] 이미지 에러 처리하기, 디폴트 이미지 처리

  Dev/TIL 2022. 8. 27. 02:38

  이미지 에러 처리를 간단하게 하는 방법 background image 백그라운드 이미지를 사용하는 경우 url을 여러번 넣어서 fallback을 처리할 수 있다. background-image: url('적용할 이미지 주소'), url('fallback으로 적용할 이미지 주소'); 배경이 투명이면 그대로 뒤에 비쳐지게 된다. 이럴때는 background image 보다는 img로 마크업하자. const handleError = (e) => { e.target.src = '적용할 이미지 주소' } 

  Read More