Css 两个导航栏,一张带引导的图片。可能吗?
我想在两个bootsrap导航栏上使用一张图片。我的问题是导航栏将图片拆分 我希望导航栏上的图片是完整的,而不是像这样分开。 我的一些代码:Css 两个导航栏,一张带引导的图片。可能吗?,css,twitter-bootstrap,navbar,Css,Twitter Bootstrap,Navbar,我想在两个bootsrap导航栏上使用一张图片。我的问题是导航栏将图片拆分 我希望导航栏上的图片是完整的,而不是像这样分开。 我的一些代码: <nav class = "navbar navbar-fixed-top"> <nav calss = "navbar navbar-default"> <div class="container-fluid"> <ul class = "nav navbar-nav navbar-top navb
<nav class = "navbar navbar-fixed-top">
<nav calss = "navbar navbar-default">
<div class="container-fluid">
<ul class = "nav navbar-nav navbar-top navbar-right">
<li><a class = "links" data-page = "us_hu" href = "#index_hu">Rólunk</a></li>
<li><a class = "links" data-page = "services_hu" href = "#services_hu">Szolgáltatások</a></li>
<li><a class = "links" data-page = "actual_offers_hu" href = "#actual_offers">Aktuális ajánlatok</a></li>
<li><a href="./">EN</a></li>
</ul>
</div>
</nav>
试试这个---
你能将两个导航栏包装在一个DIV中,然后将背景应用于该DIV吗?它们位于不同的文件中:我已经尝试过,但没有成功:(应该成功。)更改css不要将背景图像属性添加到.navbarclass@JustMatthew例如我修改了答案,看一看。
<body id = "page-top" data-spy = "scroll" data-target = ".navbar-fixed-top" data-offset="40">
<nav class = "navbar navbar-fixed-top" style = "top:35px;">
<nav class = "navbar navbar-default">
<div class = "container-fluid">
<div class = "navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#matomNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#matomPage">M.aTom</a>
</div>
<div class="collapse navbar-collapse" id="matomNavbar">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#our-task">Alapelvünk</a></li>
<li><a href="#gallery">Galéria</a></li>
<li><a href="#about">Rólunk</a></li>
<li><a href="#team">Csapat</a></li>
<li><a href="#contact">Kapcsolat</a></li>
</ul>
</div>
</div>
</nav>
</nav>
.navbar {
font-family: 'Overpass', sans-serif;
margin-bottom: 0;
/*background-color: #4c4c4c; */
background-image: url('../images/ten.png');
border: 0;
font-size: 12px !important;
line-height: 1.42857143 !important;
letter-spacing: 1px;
border-radius: 0px;
min-height: 0px;
}
<div class="wrapper" style="background-image:url('to your image')">
<div class="first_nav">
<div>
<div class="scnd_nav">
</div>
<div>
<script>
$("#first_nav").load("file path to fist_nav file");
</script>
<script>
$("#scnd_nav").load("file path to scnd_nav");
</script>