当前位置:首页 » 高清图片 » css背景图片不显示
扩展阅读
女生和渣男搞笑图片 2023-08-31 22:07:09
嘻嘻长什么样图片 2023-08-31 22:06:10

css背景图片不显示

发布时间: 2022-01-13 01:05:30

Ⅰ css 无法显示背景图片

你没有把代码发出来,我也不好断定。但根据你的描述,我猜测是你图片路径错了。图片路径应该是相对于css文件的位置,不是相对于页面文件的位置!
比方说:
首页文件是:index.aspx
CSS文件位置是:/css/css.css
图片位置是:/img/bg.gif
首页这样引入:<link href="/css/css.css" type=text/css rel=stylesheet>
css中的背景代码应该是:
{background:url(../img/bg.gif)}

Ⅱ div+css:背景图片无法显示

修改后

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<link type="text/css" rel="stylesheet" href="index.css" />
<title></title>
</head>
<body>
<div id="aaa">
</div>
</body>
</html>

index.css:
#aaa {
background: url(images/shadow.gif) no-repeat ;
width:200px;
height:200px;
border:1px solid blue;
}

Ⅲ css添加背景图片无法显示

您好,最好确认下你的css是不是在本页面中 如果是存在在别的css文件中,路径是会存在问题的 ,其他属性可以实现,说明图片路径的确是存在问题的 不妨你可以试一下background-image: url("../images/9050.jpg");有没有用
还有你在本页你试一下
<style>
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
}
</style>
<div class="sf" >123</div>
这样能显示的话就代表你原来的的确是css路径问题。
如果此css与页面不在一个目录下 那么背景的路径将会改变 希望留意一下
还有楼上所说的 图片后面的地址不用加引号,否则可能会引起部分浏览器不能显示的错误。

Ⅳ css插入背景图片时背景图片显示不出是什么原因

1,css没有被调用

2,css图片地址不对

3,div的高度没有固定,是auto或者没有设值

4,div被嵌套

5,div代码不规范

Ⅳ 为什么我在css中设定的背景图片在浏览的时候不显示

图片路径的问题。

1、图片和网页放在同一目录下:background-image:url("图片.jpg"。

2、图片放在一个image目录下,并且image目录和网页在同一目录下:background-image:url(“image/图片.jpg”)。

3、图片放在一个image目录下,并且image目录和网页不在同一目录下:background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。

(5)css背景图片不显示扩展阅读:

注意事项

注意::在css样式表中写的background-image:url(图片的路径为相对本css文件的路径,而不是我们通常认为的相对加入css样式的网页的路径);

例如:在当前目录下有 index.html 和 css文件夹(里面包含:css.css) 和 images文件夹(里面包含top.jpg)

错误的认为和写法:background-image:url("images/top.jpg"); 错误的认为图片的路径应该是针对index.html网页来说的。

正确的认为和写法:background-image:url("../images/top.jpg");图片的路径应该写的是相对css.css文件的路径

其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。

Ⅵ css中背景图片无法显示

先确定路径是否正确
那个url是不是少了一个点,如:
background:url(../img/hswjk-logo.gif)
这个语句改成上面这个试试

Ⅶ div+css中背景图片显示不出来

1、打开html开发软件,新建一个html代码页面。

6、保存html代码页面后刷新浏览器,这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。

Ⅷ 为div设置背景图片后,为什么不显示背景图片

没听说过div还要设置display:block,div中不需要display:block.

原因:
1、编码错误,即代码编写没有按照规范,属性名写错。

2、图片路径不对。

3、使用background来实现背景图片,可能因为图片太大或者太小,显示出来的图片只有一部分,二者一部分刚好是透明的,造成没有图片的效果,因此必须设置background-size来控制图片的显示。

4、背景图片调用方式不对,不能使用本地路径。

将hanshan.png和当前页面放在一个目录,则直接写成这样:


#cuyu {
background-image: url(hanshan.png);
height:500px;
width: 1000px;
}


或者将hanshan.png放在images目录,保证当前页面和images在同一级目录,则样式为:
#cuyu {
background-image: url(images/hanshan.png);
height:500px;
width: 1000px;
}

(8)css背景图片不显示扩展阅读

DIV格式使用方法的注意事项:

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

可以对同一个 <div> 元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。

这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。

参考资料来源:网络-DIV

Ⅸ css按钮背景图片不显示

应该是图片路径不对,具体参考以下代码
<style>
.zzjs_net {
font: 12px Tahoma, Verdana;//设置文字大小、字体
padding: 0 5px;//设置间距
color: #D3E0E7;//文字颜色

background-image: url("/img/2010bu.gif");//背景图片路径
background-repeat: repeat-x;//横向不重复
background-position: 0 50%;
outline: 1px solid #D3E0E7;
border: 1px solid #FFF !important;//边框
height: 19px !important;//高度
border: 1px solid #D3E0E7;//边框
height: 21px;//高度
line-height: 17px;//行度
}
</style>

<input class="zzjs_net" type="submit" name="rulesubmit" value="同 意" style="height: 23px">“同意”按钮
<input class="zzjs_net" type="button" name="return" value="不同意" style="height: 23px">“不同意”按钮