Programim dhe zhvillim, javascript, python, php, html

Ndryshimi i Navbarit të aksioneve të Twitter Bootstrap në Transparent

Kam parë një numër pyetjesh dhe përgjigjesh në lidhje me ndryshimin e ngjyrës së sfondit të shiritit bazë të parazgjedhur të Twitter Bootstrap, por duket se ato kanë të bëjnë me shtresën më të lartë (klasa e brendshme e navbarit), duke maskuar një sërë ngjyrash dhe opsionesh të tjera poshtë.

Po kërkoj të krijoj një shirit navigimi transparent dhe pasi të shtoj "background-color:transparent;" për çdo shtresë që mund të gjej, kam ende një shirit të bardhë në pjesën e sipërme të ekranit tim. Aktualisht app.css ime ka këto pak rreshta:

.navbar-inner{
    background-color:transparent;
    }
.navbar-inner container{
    background-color:transparent;
    }
.navbar{
    background-color:transparent;
    }
#nav-main{
    background-color:transparent;
    }
#banner{
    background-color:transparent;
    }

Këtu po më mbarojnë supozimet dhe metoda ime e shpërndarjes duket se po më dështon. A ka një rregull që thjesht nuk e kam parë (dhe modifikuar) ende, apo po e bëj këtë në mënyrë krejtësisht të gabuar?

background-color css twitter-bootstrap navbar transparent
14.12.2012

Përgjigjet:


1

Problemi është se ata po përdorin një imazh në sfond. Pra, duke vendosur ngjyrën e sfondit, ju vendosni vetëm ngjyrën pas imazhit. Provoni diçka në këto linja:

    .navbar-inner{
    background:transparent !important;
    }
.navbar-inner container{
    background:transparent !important;
    }
.navbar{
    background:transparent !important;
    }
#nav-main{
    background:transparent !important;
    }
#banner{
    background:transparent !important;
    }​
14.12.2012

2

Mora këtë rezultat në Bootstrap 3 duke përdorur:

body { background: transparent }
28.11.2013
  • sigurisht, kjo supozon që dëshironi që i gjithë trupi të jetë i paracaktuar në transparent për imazhin tuaj të sfondit. 28.11.2013
    • Materiale të reja
    Masterclass Coroutines: Kapitulli-3: Anulimi i korutinave dhe trajtimi i përjashtimeve.
    Mirë se vini në udhëzuesin gjithëpërfshirës mbi Kotlin Coroutines! Në këtë seri artikujsh, unë do t'ju çoj në një udhëtim magjepsës, duke filluar nga bazat dhe gradualisht duke u thelluar në..
    Faketojeni derisa ta arrini me të dhënat false
    A e gjeni ndonjëherë veten duke ndërtuar një aplikacion të ri dhe keni nevojë për të dhëna testimi që duken dhe duken më realiste ose një grup i madh të dhënash për performancën e ngarkesës...
    Si të përdorni kërkesën API në Python
    Kërkesë API në GitHub për të marrë depot e përdoruesve duke përdorur Python. Në këtë artikull, unë shpjegoj procesin hap pas hapi për të trajtuar një kërkesë API për të marrë të dhëna nga..
    Një udhëzues hap pas hapi për të zotëruar React
    Në këtë artikull, do të mësoni se si të krijoni aplikacionin React, do të mësoni se si funksionon React dhe konceptet thelbësore që duhet të dini për të ndërtuar aplikacione React. Learning..
    AI dhe Psikologjia — Pjesa 2
    Në pjesën 2 të serisë sonë të AI dhe Psikologji ne diskutojmë se si makineritë mbledhin dhe përpunojnë të dhëna për të mësuar emocione dhe ndjenja të ndryshme në mendjen e njeriut, duke ndihmuar..
    Esencialet e punës ditore të kodit tim VS
    Shtesat e mia të preferuara - Git Graph 💹 Kjo shtesë është vërtet e mahnitshme, e përdor përpara se të filloj të punoj për të kontrolluar dy herë ndryshimet dhe degët më të fundit, mund të..
    Pse Python? Zbulimi i fuqisë së gjithanshme të një gjiganti programues
    Në peizazhin gjithnjë në zhvillim të gjuhëve të programimit, Python është shfaqur si një forcë dominuese. Rritja e tij meteorike nuk është rastësi. Joshja e Python qëndron në thjeshtësinë,..