Moin,
bei einem aktuellen Projekt muss ich Formularelemente mit "krummen" Linien umsetzen - daher versuche ich das über Hintergrundbilder zu lösen.
Es funktioniert auch rein theoretisch in einer Textarea - nur scheinen die Browser unterschiedliche Ideen davon zu haben, was passieren soll, wenn man mehr Text eingibt, als Platz ist.
Zu sehen ist es hier:
ambulancefilm
Beim Firefox 3 und Safari 3 (Mac und Win) ist alles in Ordnung und so, wie ich mir das vorgestellt habe - es erscheint bei Bedarf eine Scrollbar, das Hintergrundbild wird nicht durch diese überdeckt und bleibt auch fix stehen.
Opera 9.50 (Mac und Win) zeigt
immer eine Scrollbar, legt diese über das Hintergrundbild, aber dieses bleibt hier wenigstens auch fixiert.
Der IE6 und IE7 zeigen bei Bedarf auch eine Scrollbar, legen diese aber über das Hintergrundbild (was noch ok wäre),
scrollen aber das Hintergrundbild weg. Das passiert sogar noch dann, wenn ich zum Testen overflow: hidden angebe.
Ich hab schon diverse Varianten ausprobiert. background-attachment: fixed; hilft mir in diesem Fall nicht, da es dann auf den
Viewport bezogen wird und nicht auf das eigentliche Element selbst.
Hat jemand eine Idee?