首页猿问背景图不起作用...

背景图不起作用给a标签背景显示不出来

Html/CSS

慕粉1471063963 2016-09-13 21:55:02

查看完整描述

1 回答

小白师兄

TA贡献55条经验获得超37个赞

第一:你先确定图片路径是否出问题.

第二:如果路径没问题,请确保存放背景的容器有宽高度.你可以给容器加一个边框看看容器的高度!

第三:a标签要想显示背景,必须要把a标签转成块级元素,(默认是行内元素)并且,要给转成块级元素的a标签设定一个宽高度.

a标签转成块级元素方法:

display:block;

width:300px;

height:300px;//宽高刻意任意给,但必须要给定一个具体的值!

}

容器设背景图:(假定容器的类名叫做box)

.box{

width:500px;

height:500px;

background:url("images/bg.jpg");

}

希望能够帮到你!祝你好运!

反对回复 2016-09-13

小白师兄
还有一个错误: background-image:url (image/anniu.jpg);路径需要用引号引起来,改成 background-image:url ("image/anniu.jpg");

回复 2016-09-13
小白师兄
display:inline-block;不是 display: inline-blok;

回复 2016-09-13
小白师兄
a{ display: inline-block; width:100px; height:40px; background:url("image/anniu.jpg") repeat-x; } .anniu{ width:80px; height:40px; background:url(image/anniu.jpg) repeat-x; }

回复 2016-09-13

点击展开后面4条

关注