css background-image图片怎么显示不出

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

共4个回答

热心网友时间：2022-04-20 22:14

<link rel="stylesheet" type="text/css" href="css/mystyle.css" />

css脚本中使用图片的时候，要注意路径问题。

在你的示例中，图片与html文档同级，而不是与css脚本同级，如果是与css脚本在同一文件夹中，你才可以直接写图片文件名，不然你就需要加上路径。

css脚本中引用图片时的路径，是相对于css脚本所在文件夹，而不是相对html文档所在文件夹。

以下结构为例：
/web/index.html (/web/为根目录)
/web/test/index.html
/web/test/css/mystyle.css

/web/test/lj0127bz05.jpg

如果在/web/test/index.html中调用mystyle.css，那么mystyle.css中图片路径就要写成 ../

如果在/web/index.html中调用，就要写 /

如果将图片放在/web/test/css/文件夹中，那么路径就可以省略。

热心网友时间：2022-04-20 23:32

body {background-image: url(./x.jpg);}

<!DOCTYPE html>

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

把body {background-image: url(lj0127bz05.jpg);}
改成
body {background-image: url(../lj0127bz05.jpg);}追问这样可以显示了有什么原理吗 ..表示向上一个目录 /表示向下一个目录那么不就相当于我的那种写法吗？回答我一下再加50分谢谢

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

首先引入外部样式文件，此时相当于在css的style.css里，所以要插图片就需要到上一级../。如果还没有出现，可能是你没有在插入图片的样式中加入width,height。如果可以解决你的问题，可以点个赞吗？

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com

懂视 51dongshi.com 版权所有
Copyright © 2019-2024