CSS中background-image属性无效，怎么解决？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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这个路径是临时写上的，我绝对，相对路径都试过，都没效果。
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');书写格式出错，还有路径也出错
''这个完全可以不用./也可以不用，绝对路径就不会有问题本回答被提问者采纳
css3 background-image linear-gradient渐变色 transition 无效
参考技术A 在开发过程中遇到一个需求，要实现渐变色的背景之间的过渡切换，而css3的transition属性对于background-image不生效想了很久之后，想到一个办法，利用两个div来设置不同的渐变的背景色，再通过改变div的透明度，实现渐变色之间的过渡，效果还不错
（图片被压缩了效果看起来没这么好，可以点击查看原图）
以上是关于CSS中background-image属性无效，怎么解决？的主要内容，如果未能解决你的问题，请参考以下文章
1.CSS background属性与background-image属性
在css中为啥将z-index设置为-1后，超链接无效了,请问该怎么办？
如何将多种 URL 类型添加到`background-image` CSS 属性？
gatsby-image：如何将处理后的图像导入 css 并与 background-image 属性一起使用