background-image:url()路径问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了background-image:url()路径问题相关的知识,希望对你有一定的参考价值。

--MvcApplication

----content
----------themes
------------------------base
-----------------------------------images
--------------------------------------------------title.png
---------Custom.css

----view
----------Home
---------------------index.cshxml
如上图结构,mvc项目,我想在Custom.css中background-image:url(themes/base/images/title.png),引用images文件夹下的title图片,并在index.cshxml 中调用css中写好的格式,应该怎样填写路径,我填写的路径对不对,为什么运行总是无法显示图片。
求大神详解路径问题

参考技术A Custom.css和themes是平级吗?是的话试试background-image:url(base/images/title.png),去掉themes/ 参考技术B 试试绝对路径。 参考技术C 能给我发一下你的CSS文件夹目录吗?

CSS中background-image属性无效,怎么解决?

#main

width:700px;
height:600px;
margin:0 auto;
text-align:center;
background-image:url('./Images/Images/newSubjectBG.png');

我要设置整个div的背景为一张图片,图片相对路径和绝对路径我都试过了,始终没有效果。而其我的CSS是使用的内嵌,所以应该不会CSS路径问题。我记得设置背景图片需要定义背景图片的长、宽才能显示。但我忘记了具体怎么定义。谢谢各位帮忙解答。
都说了不是路径问题,./Images/Images/newSubjectBG.png这个路径是临时写上的,我绝对,相对路径都试过,都没效果。

参考技术A #main

width:700px;
height:600px;
margin:0 auto;
text-align:center;
background:url(../Images/Images/newSubjectBG.png) no-repeat

是路径的问题
参考技术B 代码都是正确的。就不知道你是怎么把CSS加入到html中的。
#main的话应该用id="main" 加入。
如<body id="main">这样才会有效果。
参考技术C ./Images/Images/newSubjectBG.png前面有两点的:../Images/Images/newSubjectBG.png,要是还没有就看你是弄的什么图片,可以写成background:url(../Images/Images/newSubjectBG.png) repeat-x;overflow:hidden;试试。
还不行就是你整体代码的问题了
参考技术D <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
<!--
#main

width:700px;
height:600px;
margin:0 auto;
text-align:center;
background-color:#CC0000;
background-image: url(images/images/newSubjectBG.jpg);

-->
</style>
</head>
<body>
<div id="main"></div>
</body>
</html>
像这样写完全没有问题,你的问题出在background-image:url('./Images/Images/newSubjectBG.png');书写格式出错,还有路径也出错
''这个完全可以不用./也可以不用,绝对路径就不会有问题本回答被提问者采纳

以上是关于background-image:url()路径问题的主要内容,如果未能解决你的问题,请参考以下文章

在css里使用background-image:url(图片地址)没有反应,但是在标签body里添

外联css样式表中应该如何 写background-image: url()中的图片路径呢 ? 这里我对相对路径不是很明白。把一

java 用正则表达式如何获取网页background:url(),或background-image:url()括弧里面的内容?

通过 npm 编译它会更改图像路径

CSS中background-image属性无效,怎么解决?

关于url路径的定义方式