NextJS Image 组件没有响应我的内联 CSS

Question

为什么 NextJS 中的 Image 组件内部的样式不允许我操作我的图像。 我错过了什么吗？

<Image className={styles.bg}
        style={{ transform: `translateY(${offset * 0.5}px)` }}
        src="/../public/bg.jpg"
        // width={2049}
        // height={2049}
        // objectFit="cover"
        layout="fill"
        quality={100}
      />

Answer 1

组件上的其他属性将被传递给底层的 img 元素，但以下情况除外：

风格。请改用 className。