<iframe src="https://open.spotify.com/embed/track/6wsqVwoiVH2kde4k4KKAFU?utm_source=generator" width="500" height="100" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

我使用的是NextJS 13.4.在灯光模式下没有问题.每当我切换到黑暗模式时,歌曲后面都会有这样的白色背景:

Background bug at spotify embed code

我不能用css解决这个错误.提前谢谢您.

我原以为SING容器是透明的.

推荐答案

你不应该设计背景的样式,你应该使用一个支持的高度,然后玩家有它自己的 colored颜色 作为嵌入.

在您的情况下,请执行以下所有操作:

  1. 将高度更改为80(152和352是较大的选项).
  2. frameBorder="0"以go 掉周围的白线.
  3. style="border-radius:12px"可以go 掉白色边角.

Css相关问答推荐

当滚动到页脚时,是否可以隐藏固定元素?

React呈现多个css文件

如何在Angular material 选项卡中设置自定义圆角下划线的样式

如果`line-Height:1`,则垂直字母所占的高度

为什么在RadixUi上应用Tailwincss和自定义css类不起作用?

指定from_max和to_min值时隐藏Shiny sliderTextInput下的行

如何使用 Tailwind CSS 稳定 React 中的浮动标签?

重用 CSS 类更改一些属性

如何为 React Native switch 组件创建标签?

背景上带有文本的按钮的反转 colored颜色

清除 CSS 中已设置的填充属性以恢复 SVG 的默认值

如何添加一个类以在开始时触发转换

react 样式的条件类名称设置

内部和外部 div 之间的像素大小的间隙

将复选框对齐到中心

flexbox 布局中的 Padding-bottom/top

CSS媒体查询仅针对iPad和iPad?

水平列表项

background-position-x (background-position-y) 是标准的 W3C CSS 属性吗?

为什么对 HTML 表单而不是表格使用定义列表(DL、DD、DT)标签?