background:url(imagepath)不能显示图片

 时间:2024-10-16 11:30:53

1、background:url(images/tupian.gif) no-repeat;这个css在一个名为style的文件夹下,而他要调用images文件里的图片 而调用css样式的页面index.html和images和style文件夹同级目录。这段代码居然不能显示出背景图片。

background:url(imagepath)不能显示图片

2、在url(imagepath)里的这个imagepath路径,原来它是相对于.css文件这个目录,而不是调用css文件所在文件的这个目录,如此说来上面css样式相对images文件夹的路径就是css这个样式所在位置的上一级,故上面要写成background:url(../images/tupian.gif) no-repeat; 就能显示了。

background:url(imagepath)不能显示图片

3、这样推理只要在它的上一级就加../ 无论是三级还是四级目录,都可以解决问题。

background:url(imagepath)不能显示图片

4、有时直接写background:url(/工程名/images/tupian.gif),但这个images必须在webroot下,打开工程

background:url(imagepath)不能显示图片

5、在webroot下的文件里引用图片,要写成background:url(/工程名/images/tupian.gif)

background:url(imagepath)不能显示图片
  • 实现整个html居中最简单方法
  • HTML中浮动效果是怎么做的
  • HTML中引入css和js的方法
  • 去掉小圆点;li标签去掉圆点
  • html设置网页背景图片全屏
  • 热门搜索
    数学手抄报内容大全 诚信教育手抄报 科技手抄报版面设计图 传染病手抄报图片简单 中国手抄报 珍爱生命手抄报资料 小学生电子手抄报 走进名著手抄报内容 争创文明城市手抄报 安全教育日手抄报内容