dimanche 6 juillet 2014

My section tag isn't displaying the background image I have selected


Vote count:

0




I've been having a good play around and can't seem to find out why my background image isn't displaying within my section tag.


For the time being I have added a logo for testing purposes as the BG.


Here is the code I am using:


HTML



<section class="land-image">
<div class="container">
<div class="brand"><img src="media/img/logo.png" alt="Driven Car Sales" class="img-rounded logo-custom"></div>
</div>
<nav class="navbar navbar-default affix-top" data-spy="affix" data-offset-top="100" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/"><img src="media/img/nav-logo.png" alt="Driven Car Sales Logo" class="img-rounded logo-nav navbar-brand"></a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a>
</li>
<li><a href="#">Link</a>
</li>
<li><a href="#">Link</a>
</li>
</ul>
</div>
</nav>

<div class="container">
<div class="col-xs-12">
<h2>some lorem ipsum for scrolling:</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
</section>


And here is the CSS:



.logo-custom {
height: 2em;
}

.logo-nav {
height: 2.1em;
}
.brand {
font-size: 2em;
margin: 20px 0 25px;
}
.navbar-brand {
opacity: 0;
color: #ff0066;
transition: opacity .5s linear;
}
.navbar {
border-radius: 0;
border-left: none;
border-right: none;
}
nav.affix {
top: 0;
width: 100%;
z-index: 1000;
}
nav.affix .navbar-brand {
opacity: 1;
}

.land-image {
background-image: #ffffff url('../media/img/logo.png') repeat center center;

}


Any idea why it might not be displaying? Here is a live version of the site so you can see some of the Bootstrap elements: http://ift.tt/1omxC5s


Any help with this would be great as I'm completely stumped :)



asked 23 secs ago






Aucun commentaire:

Enregistrer un commentaire