Spotify 임베드가 모서리에서 픽셀화가 되어 검은 배경에 흰색으로 보입니다

지원
1

image
image885×224 43.8 KB

모서리 주변의 흰색 픽셀을 수정할 수 있을까요? 이게 패딩 문제인지, 아니면 임베드 작동 방식과 관련이 있는 건지 궁금합니다.

2

https://try.discourse.org/ 에서 문제없어 보이나요? 안전 모드(Safe Mode)를 시도해 보세요.

image
image871×371 46.3 KB

3

안전 모드에서도 모서리 부분에 여전히 아주 약간의 픽셀화가 남아 있습니다

image
image893×217 41.7 KB

확실히 덜 눈에 띄니, 제가 CSS에서 뭔가 잘못하고 있는 것 같습니다

iframe[src*="open.spotify.com/embed/track"] {
  max-width: 690px !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

이렇게 하면 안전 모드와 비슷한 결과를 얻을 수 있습니다:

iframe[src*="open.spotify.com/embed/track"] {
  max-width: 690px !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;          /* 매끄러운 모서리 */
  overflow: hidden !important;             /* 픽셀화 클리핑 */
  border: none !important;
  background: transparent !important;
}