Bootstrap-container hintergrund nur weiß oder eine andere Farbe/Bild, aber nicht transparent

Jedes text-element in meine html-Datei entweder innerhalb der bootstrap-container oder ein anderes div wird nicht transparent sein, von dem, was ich versucht habe: background:transparent !wichtig ist, den hintergrund-die Farbe mit den rgba-Deckkraft und hinzufügen Deckkraft selbst.

Hier ist HTML + CSS:

html { 
    background: url(background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@font-face {
  font-family: "elephant";
  src: url("elephnt.ttf");
}

#frontpage{
  background: transparent; 
}

@media(max-width: 480px) {
  h1 {
    font-size: 12pt;
  }
}
#title
{
color: rgb(255, 255, 255);
font-size: 50px;
text-shadow: rgb(3, 3, 3) -1px 4px 9px;
}
</style>
</head>

<body>
<div class="container-fluid" style="background:transparent;" >


 <h1 id="title">Butt</h1>


</div>
</body>

  • Also dein hintergrund Bild ist nicht sichtbar. richtig?
  • richtige für mich ... Macht das einen Unterschied? Wie es loswerden?
InformationsquelleAutor Lifeislifebutwhatiswhat | 2016-02-11
  1. 1

    Bootstrap hat eine Standard-Hintergrundfarbe von weiß specificied

    body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff; /* here */
}

    Müssen Sie überschreiben.

    CSS:

    html {
  background: url(http://lorempixel.com/image_output/fashion-q-c-640-480-8.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@font-face {
  font-family: "elephant";
  src: url("elephnt.ttf");
}
@media(max-width: 480px) {
  h1 {
    font-size: 12pt;
  }
}
#title {
  color: rgb(255, 255, 255);
  font-size: 50px;
  text-shadow: rgb(3, 3, 3) -1px 4px 9px;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: transparent !important;
  /* important used here for demo */
}

    HTML:

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="container-fluid">


  <h1 id="title">Butt</h1>


</div>

    InformationsquelleAutor Paulie_D
  2. 0

    Siehe Beispiel: fiddle

    CSS

     body{background:#666;}
 #title{
  color: rgba(255, 255, 255, 0.5);
  font-size: 50px;
 }

    HTML

     <div class="container-fluid" style="background:transparent;" >
 <h1 id="title">Butt</h1>
 </div>
    InformationsquelleAutor Jagdish Parmar
Schreibe einen Kommentar