提问者:小点点

css中如何使用本地图像url设置背景图像


我尝试在css中使用本地图像作为背景图像,然后使用这种用法,但它不起作用。 为什么?

background-image: url("pexels.jpg");
/* I use both of them*/
background-image: url("images\pexels.jpg");
/* this image is under my images folder on my project*/

我复制图像路径那样,但它仍然不工作。

background-image: url("./images/pexels.jpg");

这个方法不起作用

它只使用http链接:

background-image: url("https://images.pexels.com/photos/796607/pexels-photo-796607.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260");

这个管用

 url("/images/pexels.jpg");

共3个答案

匿名用户

也许你该换个衣服

background-image: url("images\pexels.jpg");

background-image: url("images/pexels.jpg");

匿名用户

将url更改为

background-image: url("./images/pexels.jpg");

匿名用户

您的代码是正确的,但您需要传递本地映像的正确路径。 这是我的文件夹结构,我把我的图像放在我的项目&; 我是这样访问的:

background-image: url(../../../assets/images/bg.png);

我在我的子组件中使用它,您需要检查您的组件存在于什么级别上,相应地放置正确的路径。