我尝试在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");
也许你该换个衣服
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);
我在我的子组件中使用它,您需要检查您的组件存在于什么级别上,相应地放置正确的路径。