Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
HTML Bild in den Hintergrund
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="Sempervivum, post: 13353, member: 3917"] Das ist das Standardverhalten: Ist ein Bild zu klein, um das Fenster auszufüllen, wird es wiederholt. Ich nehme an, Du willst, dass das Bild das Fenster vollständig ausfüllt? Das kannst Du mit background-size erreichen: [CODE] <style> html, body { /* body soll die Höhe des Browserfensters vollständig ausfüllen: */ height: 100%; } body { background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0NDQ0NDQ0HCA0ICA8IDQcNFREWFhURExUYHSggGBolGxMVITEhJSkrLi4uFx8zOD8sNygtOisBCgoKDg0NFRAPFS0ZFRktLSsrKystKy0tKystLS0tNysrNy0tLS03Ky0tKy0rKzcrLSsrKy03Ky0rKysrKysrK//AABEIAKgBLAMBIgACEQEDEQH/xAAaAAADAQEBAQAAAAAAAAAAAAAAAQIDBAUH/8QAJRABAQEBAAAFBAMBAQAAAAAAAAERAgMhQWGRMXGx8IHB4UIS/8QAGQEBAQEBAQEAAAAAAAAAAAAAAQACAwQF/8QAFxEBAQEBAAAAAAAAAAAAAAAAABEBAv/aAAwDAQACEQMRAD8A+UeD4m+VzfT3a/Hw4tdHh+Jv39Xt56cNxr8fA+PhOjW2VH/CNGllfx8DE6NaA/foBS1JRdc7/RaeoMDad875z6/lkxuRq0wAgDAQDn8fwv8AqfT1k9HQeHebhzY4TaeL4f8A5vtfp7Ico6WgwCD56y7+11c3ZrlxXh9Z9vVrnYz1ldIly7ClN1cnTx3s/Pspy8dZfz7umXXbnquW4ACrTIAAREdqRpMQjjJebp89WeadLXgfQdfPe/v0OVzcd5/badOvO1jcaaNRp60xq5RqNEpwNNFTp60COUqUqC9R3z6/JwzKLGYPrnP36ExGqZ4SiKAARSs3yrm74y/j3dSe+ZZ+PYbzTz1HKZ3mzypubpSkMGQrw+s8vT8NnO18Pr0v8N5rHWLX4fefb19kBvNjDp0MvD69Pj2aWuubXPcgGlpJAAhqBxJyhPL00h899FauOsRKDms66NPWPHX+NNdc2ue4uU0applUp6kN4zq9KwoosplVqbBKktFn+KFUVQelQCZwj1AwUppI8Tnfv6MXSz8Tj1+fcbjWazAEZaBwBBrx0pjGvN1vNZ3Dacd+n7WYazYzuVsE89abpWINIFaEYlScCeWaQ+e+go06CF6vnpkqVvNZ3G8pys+auOmOWqOJlVG8ZM4nTaZWj6HDqRacqAlF1B6KNQ00iJKBaaSgk5SGffPqlsy6mfZncbzSADJMS4RlNZdNlzcaa2xuHq5WeiU5sZ3GhDSaAOJOUUvLlNGnK+e9yjINBRpNrGdXGkrKKlbzWdxpKqVEVK6ZrmqU0ynpoihqTIh1Ci6i1YJT1ByimKpDSSUaYZoh6aTQMUtNJlYGliGdazQCNIKlTTKWClBZOVSDlOaoqiJ04g8s0m8OPaqGk9IUaTjWDVHEnGmV81crJUreazuNNPWeqlarMXKNSNNEXo1OhUQ+p6p09T15DTitGplPVVD05UhJoESqazRDMgQabDCSAqxLJMEEj05UmqlAoCD04k4VHmgB4XsMyBZXBEyqaCgk2qIqKiDIVpplGmiL05UaemiL09Z6etURehGnqohXyEp1AaXKeolOVURZys9VpojTQiU9aoUC0SkGVh6VGogVAJggkcqtQZqVaIk4qHngB43rBkEFAg0F6EnpqUaTNEM0mRDOVI1URWnqNPTVF6NRKemiKFTo1KFp6XUTopaSnrPT00RpqpWWqlNG40GpnRytVmHppMgyASABAmCMoKiFcpOAAPI9IAJIzSaB6aQUuU0HpCj1I0pWhOjUDPU2lqpi9Gpg1URYTp6aIrU0aNShSnKmlopjTRqNPTRGmqlZSqlazRuNNOVGjWqzF6NTpmiKoTo1VRQSClHKhUQcQAeV6QAEknoIJQSEooaWjTVFApQaIrQWjSjKgBDRqaFVFjU6NVUXo1I00RVTRoSGnqQKVynKgSmiNJVay1UrWaNxpp6jRrVZi9NB6aIoEElHKlXJEcYAed3AASBUBIgAyQAEgcoBRgAgABIiACwDTCI09AIGjQEipSmEsGmAkcoAOBUqgGmQYDWA5TgBBq5AIf/Z); background-size: cover; /* Oder, da es sich um ein Muster handelt, bei dem eine Verzerrung wahrscheinlich nicht stört: background-size: 100% 100%; */ } </style> [/CODE]Dabei wird das Bild stark vergrößert. Normaler Weise ist das nicht gewünscht aber das es sich bei deinem Bild um ein Muster mit Farbverläufen handelt, kann man es u. U. akzeptieren. [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
HTML Bild in den Hintergrund
Oben
Unten