CSS背景图像属性不起作用

-2

我想添加一个图像在身体背景，但它什么也没有显示。这里是我的CSS代码。CSS背景图像属性不起作用

body{ 
    background-image: url("/images/bg.jpg"); 
    background-repeat: no-repeat; 
}

我也将该文件夹更改为bg.jpg，但没有任何结果。 TIA

来源

2017-10-28 Arman

你在这里使用绝对路径，您可能需要使用相对的。这就是说，我们没有足够的信息来帮助你。 – user184994

使用'background：url（“../ images/bg.jpg”）;'..如果它没有用，只是提供文件夹结构... – Jana

感谢bro现在的工作.i现在了解问题是什么。我的css文件不在根目录中，因此我面临这个问题。 – Arman

这里背景设置，请检查您的图片路径或位置，

body { 
 
    background-image: url("https://docs.angularjs.org/img/angularjs-for-header-only.svg"); 
 
    background-repeat: no-repeat; 
 
}

<html> 
 
<head> 
 
</head> 
 
<body> 
 
<p> Hai </p> 
 
</body> 
 
</html>

来源

2017-10-28 10:39:27

上面的链接工作，但是当我使用文件夹它不工作。 – Arman

-1

更改代码如下：

body{ 
    background-image: url("\images/bg.jpg"); 
    background-repeat: no-repeat; 
}

来源

2017-10-28 10:40:06

不工作bro @Farhad – Arman

也可以使用这个：url（“../ images/bg.jpg”） –

background-image：url（“\ UserLogin/images/bg.jpg”）; –

在你的代码中，有是URL中的问题。也许你没有给出准确的路径，你通过CSS传递图像所以，你必须从一个文件夹中取回例如：background-image: url("../images/bg.jpg"); ./怀疑1个文件夹后退和../两个文件夹后退。这一切都基于您的目录结构根据您的要求适用。

来源

2017-10-28 10:51:03

这是我的目录D：\ xampp \ htdocs \ UserLogin \ images – Arman

background-image：url（“\ UserLogin/images/bg.jpg”）; –

哪里是html只告诉我目录结构html，css，图像 –

-1

我相信这会解决你的问题，一旦你的形象的网址路径是正确的。使用下面的解决方案;不要将url路径包装在' '中。

body { 
 
     background-image: url(../images/bg.jpg); 
 
     background-size: cover; 
 
     background-position:center; 
 
     height: 100vh; 
 
    }

来源

2017-10-28 11:10:44

CSS背景图像属性不起作用

回答

相关问题