background-image: url('../assets/402.jpg')没有生效怎么办

如果在使用CSS时，background-image属性没有生效，你可以尝试以下几种方法来解决：

1. 检查图片路径是否正确：确保图片的路径是正确的，可以通过浏览器的开发者工具来检查图片的URL是否正确。

2. 检查图片格式是否正确：确保图片的格式是正确的，CSS只支持一些特定的图片格式，比如jpeg、png、gif等。

3. 检查CSS语法是否正确：确保CSS语法是正确的，比如正确的写法是background-image: url('../assets/402.jpg')，如果有其他语法错误，也会导致background-image属性无法生效。

4. 检查是否有其他CSS属性覆盖了background-image属性：有时候，可能会有其他CSS属性覆盖了background-image属性，比如background-color、background-repeat等，可以通过浏览器的开发者工具来检查。

如果以上方法都不能解决问题，可以尝试重新加载图片或者清除浏览器缓存。

相关问题

uniapp 用:style获取本地图片，不生效

在使用 `style` 属性来设置本地图片时，需要注意以下几点：

1. 需要使用相对路径或绝对路径来指定图片路径。
2. 不能使用网络图片的链接，因为 `style` 属性只支持 CSS 样式，而网络图片链接不是 CSS 样式。
3. 需要保证图片路径的正确性和图片文件的存在性。

下面是一个示例代码，演示如何使用 `style` 属性来设置本地图片：

<template>
  <div class="container">
    <div class="image" :style="{ backgroundImage: `url(${imgUrl})` }"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgUrl: require('@/assets/images/test.jpg')
    }
  }
}
</script>

<style>
.container {
  width: 100%;
  height: 100%;
}

.image {
  width: 200px;
  height: 200px;
  background-size: cover;
}
</style>

在上面的示例中，我们通过 `require` 方法来获取本地图片的路径，并将其赋值给 `imgUrl` 变量。然后，在模板中使用 `:style` 绑定来设置 `backgroundImage` 属性，从而将图片作为背景图显示在页面上。

如果以上方法仍然不能解决您的问题，建议您检查一下图片文件路径是否正确，以及图片文件是否存在。如果问题依然存在，可以尝试使用 `img` 标签来显示图片，或者使用第三方插件来实现。