js添加背景图片并且淡入

您可以使用以下CSS属性来添加背景图片并使其淡入：

1. 在CSS文件或HTML页面中，为包含背景图像的元素设置一个背景图像URL，如下所示：

background-image: url('your-image-url.jpg');

2. 将元素的不透明度设置为0，以便在开始时将其隐藏：

opacity: 0;

3. 使用CSS过渡或动画效果将元素的不透明度从0过渡到1，如下所示：

使用CSS过渡：

transition: opacity 2s;

使用CSS动画：

animation: fadeIn 2s;
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

完整的CSS样式代码如下：

.your-element-class {
    background-image: url('your-image-url.jpg');
    opacity: 0;
    transition: opacity 2s;
    /* 或者使用动画 */
    /* animation: fadeIn 2s; */
    /* @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
       } */
}
.your-element-class:hover {
    opacity: 1;
}

在这个例子中，当您的鼠标悬停在元素上时，它将淡入。