>웹 프론트엔드 >CSS 튜토리얼 >Chrome 및 Safari에서 CSS Sprite 배경 이미지를 강제로 인쇄하려면 어떻게 해야 합니까?

Chrome 및 Safari에서 CSS Sprite 배경 이미지를 강제로 인쇄하려면 어떻게 해야 합니까?

Susan Sarandon
Susan Sarandon원래의
2024-12-15 04:35:17310검색

How Can I Force CSS Sprite Background Images to Print in Chrome and Safari?

CSS에서 배경 이미지 강제 인쇄

이 문제를 해결하려는 사전 시도에도 불구하고 특정 시나리오에서는 필수 이미지 인쇄를 보장하는 솔루션이 필요합니다. 배경 이미지. 이러한 이미지는 페이지에 직접 포함되지 않고 CSS 스프라이트의 일부로 사용됩니다.

안타깝게도 CSS 스프라이트를 여러 아이콘과 함께 사용할 경우 목록 스타일 이미지와 같은 기존 솔루션은 부족합니다. 인라인 아이콘이 있는 전용 페이지를 생성하는 옵션을 무시하면 다음과 같은 질문이 생깁니다. 대체 솔루션이 있습니까?

Chrome 및 Safari용 솔루션

다행히도 Chrome 및 Safari CSS 스타일 속성 -webkit-print-color-adjust: 정확한을 통해 솔루션을 제공합니다. 해당 요소에 이 속성을 적용하면 배경색과 이미지가 모두 강제로 인쇄됩니다.

위 내용은 Chrome 및 Safari에서 CSS Sprite 배경 이미지를 강제로 인쇄하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.