gelöst Farbverlauf im Footer

Thema wurde von Anonymous, 4. Februar 2018 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Januar 2015
    Beiträge:
    311
    Danke erhalten:
    37
    Danke vergeben:
    37
    #1 Anonymous, 4. Februar 2018
    Hallo zusammen, ich benötige mal eure Hilfe.

    ich möchte im Footer die Hintergrundfarbe mit einem Farbverlauf darstellen, komme aber gerade nicht weiter.

    wollte diesen Code über den Styleditor GX3.8 hinzufügen, wo ist mein gedanken fehler?

    Code:
    #background: rgb(64,106,180);
background: -moz-linear-gradient(45deg, rgba(64,106,180,1) 0%, rgba(29,36,46,1) 45%, rgba(29,36,46,1) 65%);
background: -webkit-linear-gradient(45deg, rgba(64,106,180,1) 0%,rgba(29,36,46,1) 45%,rgba(29,36,46,1) 65%);
background: linear-gradient(45deg, rgba(64,106,180,1) 0%,rgba(29,36,46,1) 45%,rgba(29,36,46,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406ab4', endColorstr='#1d242e',GradientType=1 );
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #2 barbara, 4. Februar 2018
    Zu welchem Bereich?
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    18. Januar 2015
    Beiträge:
    867
    Danke erhalten:
    96
    Danke vergeben:
    129
    #3 Anonymous, 4. Februar 2018
    Dein Fehler liegt bei der Raute.

    Code:
    #footer {
background: rgb(64,106,180);
background: -moz-linear-gradient(45deg, rgba(64,106,180,1) 0%, rgba(29,36,46,1) 45%, rgba(29,36,46,1) 65%);
background: -webkit-linear-gradient(45deg, rgba(64,106,180,1) 0%,rgba(29,36,46,1) 45%,rgba(29,36,46,1) 65%);
background: linear-gradient(45deg, rgba(64,106,180,1) 0%,rgba(29,36,46,1) 45%,rgba(29,36,46,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406ab4', endColorstr='#1d242e',GradientType=1 );
}
    wäre korrekt

    Du musst die ID des bereiches angeben.

    LG: Tammy
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Januar 2015
    Beiträge:
    311
    Danke erhalten:
    37
    Danke vergeben:
    37
    #4 Anonymous, 4. Februar 2018
    @Tammy, vielen Dank passt und funktionierto_O
     
  5. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    #5 Torben Wark, 5. Februar 2018
    Man kann die Anweisung noch auf folgendes runterbrechen:

    Code:
    #footer {
    background: rgb(64,106,180);
    background: linear-gradient(45deg, rgba(64,106,180,1) 0%,rgba(29,36,46,1) 45%,rgba(29,36,46,1) 65%);
}
    Alle anderen Angaben sind mittlerweile redundant, da alle modernen Browser (sogar der IE11) die Angabe linear-gradient voll unterstützen: https://caniuse.com/#search=linear-gradient