2 qq 25496571 qq_25496571 于 2017.01.02 00:05 提问

导入外部css文件,body设置的背景图片路径是对的,但是显示不出来
css

我用的是jsp导入的,显示不出来背景图片,但是我用HTML导入能显示出来

3个回答

caozhy
caozhy   Ds   Rxr 2017.01.02 00:12

用ie、chrome的f12看下,切换到css面板,看body的背景样式,如果没有background-image样式,就是css的路径错。如果有,但是不显示,看url是不是正确指向图片路径。

qq_25496571
qq_25496571 我的图片路径确实是对的啊,难道需要绝对路径吗?
一年多之前 回复
caozhy
caozhy 回复qq_25496571: 那css的路径正确,图片url不正确
一年多之前 回复
qq_25496571
qq_25496571 有background-image,但是背景图片还是不显示
一年多之前 回复
qq_25496571
qq_25496571 我试试
一年多之前 回复
caozhy
caozhy   Ds   Rxr 2017.01.02 00:12

也可以切换到network面板,看访问css和图片的请求是不是404,访问的地址是什么

guwei4037
guwei4037   Ds   Rxr 2017.01.02 10:08

相对路径分为两种:
一、根相对路径:以“/”开头,表示从项目的根目录开始,如项目根目录下images图片目录中的1.jpg可以表示为url("/images/1.jpg");
二、文档相对路径:以当前文件为参照,每下一级以“/”开头,紧跟着目录名,最后为文件名,上一级则用“../”。

guwei4037
guwei4037 回复qq_25496571: http://www.w3school.com.cn/tags/att_base_href.asp
一年多之前 回复
qq_25496571
qq_25496571 可是我把JSP文件改成HTML就能出来背景图片
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
外部css文件背景图片引入路径问题
1、外部css文件中背景图片的引入问题。 在css中引入的图片位置backgroud_images:url(); 该url指的是图片实际位置相对于css所在位置的相对路径。
CSS设置了正确的背景图片位置,网页上却显示不出来?
关于CSS中设置背景图片但在网页上未显示做如下笔记,和大家分享.. 如有说的不对或不恰当的地方,希望读者指出,共同进步。 今天在写一个小项目的时候在一个点上疑惑了许久,明明我的背景图片路径设置的不会错,可是为什么在网页上显示不出来,也没有行成代码覆盖;按F12显示竟然在报错!报错内容是这样子的: 大概的意思就是没有找到图片路径,怎么可能,明明路径是对的; 现在看一下我是怎么放置文件的;
html 设置body背景图片
全屏截图太大了,我只
js 设置body背景图片
<br />body{background:url(<%=imgUrl%>) no-repeat top; margin:0px; padding:0px; font-size:12px; color:#525252;}<br /> <br />protected string imgUrl = "images/bag_1.jpg";<br /> <br />#region 生成不同随机数的方法<br />        /// <summary><br />        /// 生成不同随机数的方法<b
body设置背景图片
body{ background-image:url('../images/building.jpg'); background-repeat:no-repeat; background-size:cover; }
HTML5 body设置全屏背景图片 如何让body的背景图片自适应整个屏----实战经验
用什么代码实现?不允许有白色底色产生,因为手机高度不一样 错误的写法:加到div中结合图片设置min-height,但是页面不会回弹 话不多说直接上代码 终极方案 html,body{ width:100%; height:100% } 再加一段 body{ font-family: &quot;华文细黑&quot;; background:url(&quot;../im...
设置body背景图片跟随窗口大小变化
html{height: 100%;} body.aa{height: auto; background: url(login-background.png) no-repeat center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover
body背景图片自适应浏览器高度
<br />CSS代码:<br />body { background: #FFF url(img/bg.gif) repeat-y center top; } <br />如果网页内容较少,body的背景图片只占了浏览器的高度的一部分,很难看,现给body加个最小高度:<br />body { background:#FFF url(img/bg.gif) repeat-y center top; min-heigth:min-height:100%; height:auto !imp
body背景图片的拉伸效果
兼容ie678910 html{ width:100%; height:100%; margin:0; padding:0; } body{ width:100%; height:100%; margin:0; padding:0; } #backgroundImage{ position: absolute; w
body里放一个背景图片,浏览的时候填充整个屏幕
body {background:url(bg.jpg) top center no-repeat; background-size:cover;} 这样的话背景图片就会填充整个屏幕了 不过要说明的是,这是一个CSS3的属性,在很多浏览器里面都是不被支持的,你所希望的效果,目前来看,只有这个属性可以做到,否则就只能用一个足够大的图片做背景的方法来实现了。 另外 background-size: