Ein Textfeld mit Grafik hinterlegen

[Gernot Back]

Hallo fürst,

body { background:url(einHintergrundBild.jpg) no-repeat 50% 50%; }
textarea { background-color:transparent; }

  

> oke, nächste frage: wie krieg ich die map da noch mit rein? das bild sollte links enthalten...  
  
... gar nicht. Maps lassen sich nur Bildern zuordnen, die im Vordergrund stehen; sie müssen ja auch anklickbar sein, d.h. die Textarea dürfte das Bild nicht überlagern.  
  
Du könntest noch ein transparentes Gif über die Textarea legen, diesem die Map zuordnen, mit der Methode focus() bei Klick darauf in die dahinter liegende Textarea springen lassen und dann könnte der Nutzer auch in diese etwas eintippen. Das funktioniert dann aber nur bei aktiviertem Javascript.  
  
Deshalb solltst du, wenn überhaupt, das transparente Bild und das darunter liegende Hintergrundbild erst einmal neben die Textarea legen und beides erst onload als Sandwich darüber bzw. darunter legen. Das kannst du mit absoluter Positionierung und den entpsrechenden Z-Indizes machen. Dann können Nutzer, in deren Browser JS deaktiviert ist, wenigstens auch etwas in die Textarea schreiben und können auch das daneben liegende transparente Fakebild mit der Map und dem zwei Etagen darunter liegenden Hintergrundbild benutzen.  
  
Das muss ja eine sehr interessante Anwendung sein, für die du solch einen Aufwand treibst ...  
  
Gruß Gernot