`url()` 함수를 사용하여 CSS 변수를 보간할 수 있나요?

CSS 변수로 보간

CSS 변수를 url() 함수로 보간할 수 있나요?

사용자 정의 CSS 속성은 rgba()를 포함한 대부분의 기능에 대한 보간을 용이하게 합니다. 그러나 url()을 사용한 보간은 레거시 이유로 인해 문제가 발생합니다.

url()의 제한 사항은 무엇입니까?

url() 토큰은 다음으로 분할할 수 없습니다. var() 표현식은 파서가 var(--url)을 인용되지 않은 URL로 처리하기 때문입니다. 결과적으로 보간이 발생하지 않고 배경 선언이 유효하지 않게 렌더링됩니다.

대체 접근 방식

url() 제한을 피하기 위해 실행 가능한 옵션은 다음과 같습니다.

• 사용자 정의에서 전체 url() 표현식 지정 속성:

• var() 대신 보간을 위해 JavaScript를 사용합니다.

위 내용은 `url()` 함수를 사용하여 CSS 변수를 보간할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!