⑴ css设置背景图片不显示问题
代码编写有问题。
解决的方法和详细的操作步骤如下:
1、第一步,打开html开发软件并创建一个新的html代码页面,见下图,转到下面的步骤。
⑵ 为什么我在css中设定的背景图片在浏览的时候不显示
图片路径的问题。
1、图片和网页放在同一目录下:background-image:url("图片.jpg"。
2、图片放在一个image目录下,并且image目录和网页在同一目录下:background-image:url(“image/图片.jpg”)。
3、图片放在一个image目录下,并且image目录和网页不在同一目录下:background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。
(2)代码背景图片为什么不显示扩展阅读:
注意事项
注意::在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文件的路径
其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。
⑶ A标签的背景图片为什么不显示出来 .
A标签的背景图片不显示出来,是设置错误造成的,解决方法如下:
1、首先新建一个空白的HTML文档。
⑷ 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与页面不在一个目录下 那么背景的路径将会改变 希望留意一下
还有楼上所说的 图片后面的地址不用加引号,否则可能会引起部分浏览器不能显示的错误。
⑸ 我html的背景图片显示不出来 代码应该也没有问题。
你好,看了你的代码,你的代码出现了严重的问题,样式格式不对,难怪你会显示不出来呢。你看一下你body那里的CSS样式写的,看清楚了吗,是不是很严重啊,你既然已经加了样式了,就不能这样设置了,我把修改的给你:
<body style=“background:url(123.jpg) no-repeat”>
这里的意思就是显示不重复的背景图像,这里除了no-repeat外,还有repeat-x表示X轴平行重复显示,repeat-y表示Y轴垂直重复显示。这两个你可以尝试一下。
也许你不想加样式,原本就是直接加背景图像,加到body就行了,那你直接将其修改为:
<body background="123.jpg">
这样就可以不加样式直接加背景图像了
还有一点就是你要记住,图像地址一定要存在的,而且是相对地址,不要绝对地址,要不然你上传空间就看不到了。
所以我说你代码严重错误了吧,希望我的回答能令你满意!
⑹ css网页制作 为什么背景图片显示不了
第1,字符编码调整为utf-8,你当前使用的是gb2312
第2,background-image属性当中所书写的有误,用实际路径,而且文件夹名字最好不要用中文(基本的开发规范和标准),不要用编码后的字符串,如:
background:url('../images/HTML5-学堂.jpg')
第3,你的路径不要写错,在谷歌或者其他浏览器当中,点击F12键,调出控制台,查看是否有错误,如果有文件没有加载成功,则说明你的相应文件没有成功引入
第4,body当中需要有内容,默认body的高度是由内容撑开的,没有内容body就没有高度,背景图自然无法看到
最后,建议你弄本书系统的学一学,里面包括一些类名的命名,书写的规范,在你代码当中都有不少不合适的地方,毕竟学东西是为了有实际的用处,既然要写代码,写的规范一些,按照开发行业标准来写岂不是更好。HTML与CSS方面,推荐《HTML5布局之路》,JS,可以借助《Head First JavaScript程序设计》来入门
⑺ HTML设置了背景图片但是显示不出来
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Title</title>
<style>
body
{
background-image:url("http://img06.tooopen.com/images/20160811/tooopen_sy_175126843516.jpg");
}
</style>
</head>
<body>
<table>
<tr><th>北京图片源于网络</th></tr>
</table>
</body>
</html>
不知道你是怎么写的,光看你的style部分倒是没错,但是有可能你把body标记写掉了,从而导致style样式找不到元素,当然也有可能是别的原因。你可以复制我上面的代码,这个是引用的网络图片,先看看效果。
⑻ html中背景图片显示不出来
html中背景图片显示不出来,是设置错误造成的,解决方法如下:
1、首先,在“pc6”下载站下载一个名称为“AveDesktopSites”的软件,下载成功后,如图:“单击打开软件“。
⑼ css插入背景图片时背景图片显示不出
css添加背景图片无法显示,有以下几方面原因:
1、css没有被调用;请检查css调用是否成功。
2、css图片地址不对;请检查css图片地址是否正确。
3、div的高度没有固定,是auto或者没有设值;div设置错误容易导致背景图片高度太大则无法显示。
4、div被嵌套;查看嵌套的div是否设置正确。
5、div代码不规范;请检查div代码是否书写正确。
⑽ 网页制作中设置了背景图片,为何预览的时候显示不出来
具体原因有以下几种:
第一:图片写在前端代码中不显示。
在设置图片时,例如,图片放置在img文件中。那么在代码中调用的路径就应该为<img src="img/XXX.jpg"></img>。如果,在img文件夹前还有其他文件夹,那么就加入绝对路径.应该写为/xxx/img/xxx.jpg 这样就可以显示出来了!
第二:图片写入CSS中不显示。
在CSS中一般写入的方式为:background:url(../img/xxx.jpg)这样的格式去写的!倘若无法显示可以将写为绝对路径。具体写法为:background:url(http://www.yang-q.cn/img/xxxx.jpg)或者为:background:url{../XXX/XXX/img/xxx.jpg} 如果按照以上方式还不能显示。那么就检查下前端代码中是否调用带CSS路径。检查好路径就可以显示出来!