Kann kein Bild hinzufügen, um text auf Bootstrap button

Ich bin mit Bootstrap und manchmal ist es schwer, diese zu überschreiben.

Ich möchte hinzufügen, einige Bilder zu meinem button neben den text. So fügte ich ein background-image, aber es funktioniert nicht.

Hier ist der css-Code für meinen button:

 .submit .report{
font-size: 18px;
text-shadow: none;
font-weight: bold;
padding: 5px;
width:300px;
color:white;
filter:alpha(opacity=100);
background: #628d28;
background-image:url('../images/picture.png') no-repeat;
}

ABER Firebug sagen, dass mein element hat Folgendes CSS:

  .submit .report{
font-size: 18px;
text-shadow: none;
font-weight: bold;
padding: 5px;
width:300px;
color:white;
filter:alpha(opacity=100);
background-image: none repeat color(98,141,40);

}

Warum kann ich nicht hinzufügen, Hintergrundbild ?

InformationsquelleAutor MID | 2012-08-28

  1. 2

    Definieren Sie falsch hintergrund Eigenschaften. Schreiben wie dieses:

    .submit .report{
background-color: #628d28;
background-image:url('../images/picture.png');
background-repeat:no-repeat;
}

    ODER

    .submit .report{
    background: #628d28 url('../images/picture.png') no-repeat;
 }
    Sie sind richtig, danke Mann.
    Hi.. Wenn ich Schreibe no-repeat ich kann nicht sehen, das Bild, und wenn ich nicht schreiben-wiederholen, dann sehe ich mehrere Bilder als hintergrund.
    .Symbol-Flug { background-image: url('../img/Flug.png') ; background-position:center center; }

    InformationsquelleAutor sandeep

Schreibe einen Kommentar