小编Bry*_*yce的帖子

将标题图像连接到导航栏

所以我的导航栏顶部溢出了其他任何东西.我希望我的标题图像连接到它下面但滚动时不跟随导航栏,只是保持原样.这是一张图片,展示我正在处理的事情:

在此输入图像描述

我想消除导航栏和标题之间的空格.

这是我的css:

.wrapper {
    width: 100%;
    overflow: hidden;

}
.container {
    width: 100%;
    margin: 0 auto;
}
.banner-img {
    width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

这是我的HTML:

  <div id="wrapper">
    <div id="container">
        <a><img class="banner-img" src="images/banner.png"/>
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

我的导航栏:

CSS:

ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: fixed;
    top: 0;
    width: 100%;
}

ul.nav-right {
    float:right;
    list-style-type:none;
}

li.nav {
    float: left; /* Slides each element next to each other */
}

li.nav a {
    display: block;
    color: white; …
Run Code Online (Sandbox Code Playgroud)

html css

2
推荐指数
1
解决办法
1252
查看次数

标签 统计

css ×1

html ×1