背景图不显示

来源:4-2 企业网站内容展示区制作

一墨飞雪

2016-09-19 00:05


采用外链接css样式,路径名没有错,可图片还是不显示,求指教

css代码:

.header .banner ul li{

width:100%;

height:100%;

    position:absolute;

    left:0;

     top:0;

}

.header .banner ul li .banner_1{

   background:url(../images/1.jpg);

}

html代码:

<header class="container header">

<div class="content top">

<img src="images/LOGO.png"/>

<nav>

<ul>

<li><a href="#">首页</a></li>

<li><a href="#">服务</a></li>

<li><a href="#">观点</a></li>

<li><a href="#">基地</a></li>

<li><a href="#">我们</a></li>

</ul>

</nav>

</div>

<div class="content banner">

<ul>

<li class="active banner_1"></li>

<li></li>

</ul>

</div>


</header>


写回答 关注

1回答

  • qq_杀不死的Q宠_03695344
    2016-09-19 12:43:47
    已采纳

    .header .banner ul li .banner_1{

       background:url(../images/1.jpg);

    }

    你这里写的.banner_1是一个li标签的class,不是li的后代,把li删掉试试

    .header .banner ul .banner_1{

       background:url(../images/1.jpg);

    }


    一墨飞雪

    非常感谢!

    2016-09-21 12:13:22

    共 1 条回复 >

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157043 学习 · 1984 问题

查看课程

相似问题