NextJS Image 组件没有响应我在其中的内联 css

问题描述

为什么 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}
      />

解决方法

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

风格。改用 className。