css background-image 显示不到 为什么

发布网友 发布时间：2022-04-28 15:19

我来回答

共11个回答

热心网友 时间：2022-04-21 00:14

图片的路径错了。

DW有提示的，你可以选取。

基本上的话是这样的，假如你的项目。

项目文件夹-里面包含①images文件夹②js文件夹③css文件夹；然后把你所有需要的图片放在images文件夹下面。这样便于管理。然后css文件夹里面放样式文件，也就是css文件，js文件夹下面放js文件。页面放在和三个文件夹平行的位置。

这样的话调用图片。

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

热心网友 时间：2022-04-21 01:32

mit2.jpg在negocios\img文件夹内

html文件要放在negocios文件夹内

html代码，注意你需要给div定宽高，至少大于你的图片高度宽度（按需）
<div class="myDiv">
div内容
</div>

css代码：
.myDiv{
background-image:url(img/mit2.jpg); /* 背景图 */
background-repeat:no-repeat; /* repeat-x 横向平铺|repeat-y 纵向平铺|repeat 默认平铺|no-repeat 不平铺 */
width:100%; /* 宽度，单位px或者% */
height:100%; /* 高度，单位px或者% */
overflow:hidden; /* 可选，溢出隐藏 */}

热心网友 时间：2022-04-21 03:06

是不是你的路径错了，不知道你的网页文件在那个目录下，如果你的网页在你在negocios下的话，图片这个前面加一个img/试试img/mit2.jpg，你可以去看一下绝对路径和相对路径，然后再看看是不是图片的后缀名写错了，有的服务器还不认大小写，你也可以看看。

热心网友 时间：2022-04-21 04:58

你的CSS文件在什么路径下？或者直接应用在HTML上的HTML文件在什么路长下。
比如说，你CSS是G:\negocios\css G:\negocios\img 那你应该写成background-image:url(../imgmit2.jpg)

热心网友 时间：2022-04-21 07:06

显示不出来一般是地址不对，不过如果让我写的话我不会这么写，我直接就这样写了：

.beijing{background:url(imgs/mit2.jpg) no-repeat;}

这样写能缩减代码，管理起来方便。

热心网友 时间：2022-04-21 09:30

如果你这个css在G:\negocios\img目录下background-image:url(mit2.jpg);
这样写是对的，如果是G:\下就要写成background-image:url(negocios\img\mit2.jpg);以此类推。

热心网友 时间：2022-04-21 12:12

如果你存放图片的img文件夹和你的html源文件处于同一级negocios文件夹下，你可以这样写background-image:url(/img/
mit2.jpg);

热心网友 时间：2022-04-21 15:10

　url　地址不对

热心网友 时间：2022-04-21 18:24

空的div没高度

热心网友 时间：2022-04-21 21:56

这些问题的调试，我觉得你可以用火狐浏览器的firebug来调试一下，很快就知道是什么问题了，有可能是路径错了，也有可能是图片不存在之类的。

热心网友 时间：2022-04-22 01:44

我也认为是路径错了...不过，这样猜也不是个办法，你可以把源文件发我看看