[CSS] Hintergrund strecken

Dieses Thema im Forum "Webdesign" wurde erstellt von »The Gr4ndp4, 15. Oktober 2010 .

Schlagworte:
  1. 23. Oktober 2010
    AW: Hintergrund strecken

    Trotzdem sollte man auf die barrierefreiheit achten. Wenn ich z.B eine Seite realisiere, muss ich darauf achten, dass auch Menschen mit alten Browsern diese besuchen können, da die meisten sich weniger um die Aktuallität derer Browser scheren. Kommt natürlich auf die Besucher an, die ich ansprechen will.
     
  2. 23. Oktober 2010
    AW: Hintergrund strecken

    Gibt natürlich auch ein Workaround für alle älteren Browser: How Do you Stretch a Background Image in a Web Page
     
  3. 23. Oktober 2010
    AW: Hintergrund strecken

    der beste workaround ist der, das ganze für alte browser einigermaßen passabel aussehen zu lassen.

    eine pixelgenaue nachbildung ist nicht sinnvoll und meist invalid (<img> hat nichts direkt in <body> verloren!).
    sowas hat man früher gemacht...
    heutzutage (mobile, web, tv, touch etc.) macht man das beste aus vorhandenen mitteln.
    richte deine energie lieber auf die entwicklung und nicht auf workarounds.

    in diesem speziellen fall: da es sich um eine css3-eigenschaft handelt, such doch nach einer anderen lösung. z.b. ein verlauf der nach unten/oben/links/rechts einfarbig wird.

    ansonsten, bei css3 nie die webkit, opera und standard-versionen vergessen:
    Code:
    body {
     background: url(http://www.85qm.de/up/Blume.jpg) no-repeat;
     
     -moz-background-size: 100%; /* firefox/seamonkey [geckos] */
     -webkit-background-size: 100%; /* safari, chrome/iron [webkits] */
     -o-background-size: 100%; /* opera 9 */
     -ms-background-size: 100%; /* internet explorer ab version 9 */
     background-size: 100%; /* css definition (ab firefox 4, opera 10) */
    }
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.