css background-image 显示不到 为啥

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css background-image 显示不到 为啥相关的知识,希望对你有一定的参考价值。

background-image:url(mit2.jpg); 图片的名字是mit2
它在G:\negocios\img

请问代码有错吗, 图片就是怎么都显示不了

图片的路径错了。

DW有提示的,你可以选取。

基本上的话是这样的,假如你的项目。

项目文件夹-里面包含①images文件夹②js文件夹③css文件夹;然后把你所有需要的图片放在images文件夹下面。这样便于管理。然后css文件夹里面放样式文件,也就是css文件,js文件夹下面放js文件。页面放在和三个文件夹平行的位置。

这样的话调用图片。

background-image:url(../images/mit2.jpg);

参考技术A

mit2.jpg在negocios\\img文件夹内

html文件要放在negocios文件夹内

html代码,注意你需要给div定宽高,至少大于你的图片高度宽度(按需)
<div class="myDiv">
div内容
</div>

css代码:
.myDiv
background-image:url(img/mit2.jpg); /* 背景图 */
background-repeat:no-repeat; /* repeat-x 横向平铺|repeat-y 纵向平铺|repeat 默认平铺|no-repeat 不平铺 */
width:100%; /* 宽度,单位px或者% */
height:100%; /* 高度,单位px或者% */
overflow:hidden; /* 可选,溢出隐藏 */

参考技术B 是不是你的路径错了,不知道你的网页文件在那个目录下,如果你的网页在你在negocios下的话,图片这个前面加一个img/试试img/mit2.jpg,你可以去看一下绝对路径和相对路径,然后再看看是不是图片的后缀名写错了,有的服务器还不认大小写,你也可以看看。追问

试过了 就是不行

追答

你是把他写在哪了,一个网页背景,还是一个DIV背景?

追问

div

追答

你看看这个DIV有没有被其他DIV盖住,或者被隐藏了,你就把Background-image,在同一个文件夹下建一个新的HTML文件,就单独一个DIV看看你的设置背景,设置好宽和高看显示不,不显示就是之前的问题,路径或者文件名错了,如果显示了,在到你现在正在编辑的文件里看看有没有浮动到哪去了或者被隐藏了,另外你设置这个DIV的宽和高了么?

参考技术C 你的CSS文件在什么路径下?或者直接应用在HTML上的HTML文件在什么路长下。
比如说,你CSS是G:\negocios\css G:\negocios\img 那你应该写成background-image:url(../imgmit2.jpg)
参考技术D

显示不出来一般是地址不对,不过如果让我写的话我不会这么写,我直接就这样写了:

.beijingbackground:url(imgs/mit2.jpg) no-repeat;

这样写能缩减代码,管理起来方便。

background-image背景图片怎么用css缩小

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body background: url(image.jpg) no-repeat; background-size: 300px。

3、浏览器运行index.html页面,此时背景图片成功用css等比例缩小到了300px宽度的大小。

参考技术A css3里支持背景图缩放,用background-size 属性,但是这个属性目前只有firfox chrome safari opera ie9+浏览器支持
如果想更全面的支持,可以不要做背景 用<img /> 限定width、height,指定position:absolute;和left、top位置,z-index设为-1
参考技术B 图片的缩放功能你可以用zoom来试试,后面更一个属性值,可以为百分数,也可以为浮点实数。希望对你有帮助,请采纳。

可以直接这样子:zoom:0.75是缩放75%
参考技术C 如果在层里 这样使用:<div style="background-image:url(xx.jpt); width:500px; height:500px; ">
若不是就用<img width=""/>吧
参考技术D background:#fff url("/img/xx.png") no-repeat;
background:颜色 图片路径 拉伸

以上是关于css background-image 显示不到 为啥的主要内容,如果未能解决你的问题,请参考以下文章

css的background-image图像显示不出来的原因

CSS难题:background-image和border-image同时使用时,background-image会被border-image盖住,怎么解决

在css里使用background-image:url(图片地址)没有反应,但是在标签body里添

CSS中background-image属性无效,怎么解决?

background-image背景图片怎么用css缩小

本地图片上传服务器后不显示问题