스타일이 지정된 구성 요소에서 구성 요소를 반복 배경 이미지로 사용할 수 없는 이유는 무엇입니까?
P粉909476457
P粉909476457 2023-09-12 16:55:41
0
1
531

구성요소를 반복되는 배경 이미지로 설정해 보세요. div 웹사이트 전체에서 재사용되는 패턴이 있습니다.

간소화된 패턴 구성 요소:

으아악

모달 컴포넌트를 소개하고 통과시킵니다.

간소화된 구성 요소:

으아악

하지만 어떤 이유로든 렌더링되지 않습니다.

연구

  • 스타일 구성요소를 사용하여 배경 이미지 변경
  • 배경 URL을 스타일 구성요소에 소품으로 전달하세요
  • 스타일 컴포넌트의 소품을 이용하여 배경 이미지 설정
  • 스타일 구성요소의 배경 이미지가 반응합니다
  • React 17의 속성을 사용하여 구성 요소 배경 이미지 스타일링

내가 뭘 잘못하고 있는 걸까요? 구성 요소를 도입하고 배경 이미지를 가로로 반복하도록 설정하려면 어떻게 해야 하나요?

P粉909476457
P粉909476457

모든 응답(1)
P粉715304239

SVG를 정적 마크업으로 렌더링하고 Base64로 인코딩하여 URL로 사용할 수 있습니다.

실시간 테스트

으아아아

귀하의 코드를 사용하면 다음과 같이 보일 수 있습니다(테스트하지는 않았습니다)

으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿