css设置背景图片不显示问题

<styletype="text/css"><!--body{background-image:url(../img/background.gif);font:"微软雅黑... <style type="text/css">
<!--
body{
background-image:url(../img/background.gif);
font: "微软雅黑";
background-repeat: repeat;

}
h1{
margin: 2px;

}
h2,h3,h4,h5{
font-size: 22px;
color: darkgrey;

}
p{
font: 16px;
height: 2;

}
a{
text-decoration: none;
font-size: 20px;

}
-->
</style>
我是拿hbuilder编的路径应该没有问题
展开
 我来答
59分粑粑分享生活
高粉答主

2020-05-23 · 专注生活好物分享,解答日常方方面面的问题
59分粑粑分享生活
采纳数:326 获赞数:119825

向TA提问 私信TA
展开全部

代码编写有问题。

解决的方法和详细的操作步骤如下:

1、第一步,打开html开发软件并创建一个新的html代码页面,见下图,转到下面的步骤。

2、第一步,执行完上面的操作之后,在html代码页面的<body>标记中输入多行段落文本,当浏览器在移动条上滚动时,浏览器用于在查看图片时在滚动条上滚动,见下图,转到下面的步骤。

3、第一步,执行完上面的操作之后,设置背景图片样式,在右边的<title>标记之后创建一个<style>标记,然后在该标记中设置<body>标记的背景图像,并且不会重复该背景图像,见下图,转到下面的步骤。

4、第一步,执行完上面的操作之后,保存html代码,使用浏览器将其打开,这时,滚动浏览器滚动条,发现背景图像与浏览器滚动条的滚动一起滚动,见下图,转到下面的步骤。

5、第一步,执行完上面的操作之后,使用“background-attachment: fixed”设置为不使用滚动条滚动的问题,返回html代码页并添加“background-attachment: fixed”即可,见下图。这样,以上的问题就解决了。

刺友互
高粉答主

2019-06-04 · 每个回答都超有意思的
知道答主
回答量:3979
采纳率:100%
帮助的人:70.8万
展开全部

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

2、在html代码页面的<body>标签里面输入多行段落文字,用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。

3、设置背景图片样式。在<title>标签后面创建一个<style>标签,然后在这个标签里设置<body>标签的背景图片,以及背景图片不重复。

4、保存html代码后使用浏览器打开,这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的。

5、使用background-attachment: fixed设置背景图片不随滚动条而滚动。回到html代码页面,在body样式中添加上background-attachment: fixed即可。

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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
stlwdybb
2017-08-16 · TA获得超过329个赞
知道小有建树答主
回答量:269
采纳率:71%
帮助的人:72.9万
展开全部

背景图片不显示的问题。可能有以下几个原因:

  1. 图片路径不正确。找不到图片当然不显示。

  2. 背景元素没有宽度和高度。当元素没有宽高时,背景是显示不出来的。背景不会撑开元素。

  3. css代码写错了。错误的写法,当然显示不了。

  4. 忘记给需要显示背景的元素增加有背景的css类(估计没人会犯这错,但还是提出来吧)

  5. 元素不具备块属性。当元素不具有块属性的时候设置的高宽是无效的。所以也不会显示图片

  6. 被同名css类的样式所覆盖。假设前面有命名.bg设置了background显示图片,后面又命名了.bg又设置了background显示颜色。

根据经验,最大的可能就是第2点和3点

正确的示例

.bg {
    width: 400px;
    height: 400px;
    display: block;
    background: url( 图片地址 );
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
发愤图强时代
2017-07-06
知道答主
回答量:26
采纳率:50%
帮助的人:4.1万
展开全部
1、css没有被调用;请检查css调用是否成功,

2、div设置错误容易导致背景图片高度太大则无法显示,

3、可以查看url路劲是否写对,background-image:url("../img/background.gif");
4、设置background-size,
5、div盒子没有内容,需要设置width、height,
6、元素一定要是块级元素;
7、打开控制台(按F12键)查看下CSS样式background-image;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
c61230
2017-07-15 · TA获得超过658个赞
知道小有建树答主
回答量:601
采纳率:71%
帮助的人:146万
展开全部
  1. css设置背景用的background,书写方式是.div{backgroud:url('1.jpg');},你看一下你的css写对了没有

  2. 图片不显示,还可能是因为图片的存放位置不对,如果你不清楚图片放在哪个文件夹应该怎么写,可以html文件跟图片放在一起,直接写backgroud:url('1.jpg');

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(7)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式