[ERLEDIGT] Submit mit transparentem Hintergrund

[chrysi]

Hi, zum Versenden von Daten brauche ich einen Submit-Button, der durch ein Bild mit transparentem Hintergrund angezeigt wird. Dazu verwende ich eine png-Datei. Leider wird der Hintergrund nicht transparent angezeigt. Könnt ihr mir da bitte weiterhelfen? Der Code sieht zur Zeit so aus:

<form action='/?page_id=1500' method='post'>
<input type='hidden' name='t3' value='yes'>
<input type='submit' style = 'background-image:url(UnbenanntEIN.png); background-image: transparent; width:62px; height: 60px; border:0;' name='submit' value='' alt='Absenden'>
</form>

Danke, chrysi.

 

[MrMurphy]

Hallo

Hier liegt wohl ein Mißverständnis vor.

Mit transparent können Hintergrundfarben durchsichtig gemacht werden, jedoch keine Bilder/Hintergrundbilder.

Wenn du die rote Hintergrundfarbe des Bildes transparent bekommen möchtest musst du dies in einem Grafikprogramm wie Gimp erledigen.

Die Anweisung

background-image: transparent;

gibt es nicht. transparent kann in diesem Zusammenhang nur auf background-color angewendet werden.

Gruss

MrMurphy

 

[chrysi]

Danke für die Antwort MrMurphy,
ich habe den Transparenzbefehl entfernt. Der Code für den Submit-Button sieht jetzt so aus:

<input type='submit' style = 'background-image:url(http://wp.max-beckmann-schule.de/wp-content/uploads/2016/02/UnbenanntEIN.png);  width:62px; height: 60px; border:0;' name='submit' value='' alt='Absenden'>

Um das Problem zu verdeutlichen: Die png-Datei hat schon einen transparenten Hintergrund, den ich mit gimp erzeugt habe. Wenn ich z. B. diese Datei mithilfe des img-Befehls aufrufe, wird der transparente Hintergrund erkennbar:

<img src="http://wp.max-beckmann-schule.de/wp-content/uploads/2016/02/UnbenanntEIN.png">

Wenn ich stattdessen den submit-Befehl verwende, ist der Hintergrund weiß und nicht transparent. Da komme ich nicht weiter.

 

[chrysi]

Ich denke ich habs:
background-color: rgba(1,1,1,0);
muss beim Style vom Submit-Button eingefügt werden. Dann ist der Hintergrund transparent.
Grüße, chrysi.

 

[SpiceLab]

Wenn ich stattdessen den submit-Befehl verwende, ist der Hintergrund weiß und nicht transparent. Da komme ich nicht weiter.

Wenn's auch suspekt klingen mag, background-color:transparent führt hier zum Ziel.

Gilt in dem Zusammenhang auch für <button></button>.

 

[MrMurphy]

Hallo

Ich hatte das Problem zunächst nicht richtig erkannt.

Im Gegensatz zu den meisten anderen Elementen ist die Vorgabe der Hintergrundfarbe von submit nicht transparent sondern white. Von daher muss er auf transparent gesetzt werden, wenn die Hintergrundfarbe des Elterncontainers sichtbar sein soll.

Vor der weißen Hintergrundfarbe von submit erscheint der transparente Hintergrund des Bildes natürlich weiß.

Zwei mögliche Wege habt ihr ja aufgezeigt.

Gruss

MrMurphy