Wie scrollt man ein Hintergrundbild zusammen mit Text in textarea?
Ich weiß, das ist etwas schwierig zu erklären, aber Sie werden eine Idee bekommen, indem Sie meinen Code unten sehen, die Situation ist, ich habe eine Textarea, die einen Linienhintergrund (etwas wie Notebook und der Bildstil ist Wiederholung), auch das Textfeld wird für z. 300px, also meine Frage ist, wenn ein Scroller kommt Ich möchte die Zeilen mit dem Text kleben, jetzt scrollt der Text und die Hintergrundzeilen bleiben in einer festen Position.
Sagen Sie mir einfach Ihre Vorschläge, ist es möglich, die Hintergrundlinien zusammen mit dem Text zu scrollen?
Hier ist mein HTML-Code ..
%Vor% und hier können Sie das Bild sehen - {
}
1 Antwort
Verwenden Sie background-attachment: local; , nachdem Sie Ihr Hintergrundbild festgelegt haben.
Demo
Funktioniert in IE9 +, Safari 5+, Chrome und Opera
Funktioniert nicht in Firefox - siehe dies .
HTML :
%Vor%CSS :
%Vor%BEARBEITEN
Eine weitere bessere Kompatibilitätslösung (nur Browser, in denen dies nicht funktioniert, sind Opera Mobile und Opera Mini ) wäre nicht ein textarea , sondern ein weiteres div mit einem contenteditable
Demo
HTML :
%Vor%CSS :
%Vor%Tags und Links javascript html css html5