i use bootstrap , have navbar in html file make nav bar transparent show background image. can 1 teach me how css? tried following css nothing happend
.navbar-inner { background-color:transparent; } <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="brand" href="#">lol</a> <div class="nav-collapse collapse"> <ul class="nav pull-right"> <li class="active"><a href="/">home</a></li> <li><a href="about">about</a></li> </ul> </div> </div> </div> </div>
i able make navigation bar transparent adding new .transparent class .navbar , setting css this:
.navbar.transparent.navbar-inverse .navbar-inner { border-width: 0px; -webkit-box-shadow: 0px 0px; box-shadow: 0px 0px; background-color: rgba(0,0,0,0.0); background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00))); background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%); background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%); } my markup this
<div class="navbar transparent navbar-inverse"> <div class="navbar-inner">.... 
Comments
Post a Comment