728x90
반응형

overLay 2

본문 스크롤을 방지하지만 오버레이 스크롤은 허용

질문 : 본문 스크롤을 방지하지만 오버레이 스크롤은 허용 나는 이것을 허용하는 "lightbox"유형 해결책을 찾고 있었지만 아직 하나를 찾지 못했다 (아는 것이 있다면 제안하십시오). 제가 재현하려는 동작은 이미지를 클릭 할 때 Pinterest 에서 볼 수있는 것과 같습니다. 오버레이는 스크롤 가능하지만 ( 전체 오버레이가 페이지 상단의 페이지처럼 위로 이동하는 것처럼 ) 오버레이 뒤 의 본문은 고정되어 있습니다. CSS ( 즉, 전체 페이지 상단의 div overflow: hidden )로 만들려고했지만 div 가 스크롤되는 것을 막지는 않습니다. 본문 / 페이지가 스크롤되지 않도록하고 전체 화면 컨테이너 내에서 계속 스크롤하는 방법은 무엇입니까? 답변 이론 현재 pinterest 사이트 구현을 살..

개발관련/other 2021.11.23

CSS를 통해 PNG 이미지의 색상을 변경하는 방법

질문 : CSS를 통해 PNG 이미지의 색상을 변경 하시겠습니까? 흰색으로 단순한 모양을 표시하는 투명한 PNG가 주어지면 어떻게 든 CSS를 통해 색상을 변경할 수 있습니까? 어떤 종류의 오버레이입니까? 답변 -webkit-filter 및 filter 와 함께 필터를 사용할 수 있습니다. 필터는 브라우저에 비교적 새롭지 만 다음 CanIUse 표에 따라 90 % 이상의 브라우저에서 지원됩니다. https://caniuse.com/#feat=css-filters 이미지를 그레이 스케일, 세피아 등으로 변경할 수 있습니다 (예제 참조). 이제 필터를 사용하여 PNG 파일의 색상을 변경할 수 있습니다. body { background-color:#03030a; min-width: 800px; min-heig..

728x90
반응형