css background-image图片怎么显示不出
css内容#div_1>p{color:red;}body{background-image:url(lj0127bz05.jpg);}html内容<!doctypeht...
css内容
#div_1 > p {color: red;}body {background-image: url(lj0127bz05.jpg);}html内容
<!doctype html><html lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/mystyle.css" />
<meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <div id="div_1"> <p>ym is the most smart person in this world</p> </div> </body></html>
这张是图片 我图片目前是直接放在html当前目录下的 url肯定是对的 展开
#div_1 > p {color: red;}body {background-image: url(lj0127bz05.jpg);}html内容
<!doctype html><html lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/mystyle.css" />
<meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <div id="div_1"> <p>ym is the most smart person in this world</p> </div> </body></html>
这张是图片 我图片目前是直接放在html当前目录下的 url肯定是对的 展开
4个回答
展开全部
<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/文件夹中，那么路径就可以省略。
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/文件夹中，那么路径就可以省略。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
body {background-image: url(./x.jpg);}
<!DOCTYPE html>
<!DOCTYPE html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把body {background-image: url(lj0127bz05.jpg);}
改成
body {background-image: url(../lj0127bz05.jpg);}
改成
body {background-image: url(../lj0127bz05.jpg);}
追问
这样可以显示了 有什么原理吗 ..表示向上一个目录 /表示向下一个目录 那么不就相当于我的那种写法吗？ 回答我一下再加50分 谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先引入外部样式文件，此时相当于在css的style.css里，所以要插图片就需要到上一级../。如果还没有出现，可能是你没有在插入图片的样式中加入width,height。如果可以解决你的问题，可以点个赞吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
