Logo der NOF-Schule


Thema geschlossen 
Bild als Site-Hintergrund passt sich der Aufloesung an - CSS3
Verfasser Nachricht
Zappelo Offline
Mitglied
***

Beiträge: 287
Registriert seit: Oct 2010
Eine sehr einfache und schnelle Lösung einen BG ohne jQuery einzubinden und der sich jeder Auflösung anpasst.

Im Head der Seite: Masterrahmen oder Layout-HTML aufrufen> "HTML" > "Zwischen den Head-Tags" eintragen.

<style type="text/css">
html {
background: url(dein-bild2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>


Getestet in NOF 10

Quelle

http://it-runde.de/7788/hintergrundbild-passt-sich-an-browsergros...e-an-css-3
(Dieser Beitrag wurde zuletzt bearbeitet: 27.01.2012 18:57 von barbara0701.)
Beitrag #1
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
zumsel Online
Supporter
****

Beiträge: 978
Registriert seit: Oct 2010
Hallo Zappel,

welche Größe darf oder sollte das Bild haben?

Gruß Zumsel

.........und von meinem Rechner lass ich mich nicht schikanieren...........
MS Windows 7 Home Premium 64-bit SP1 - NOF12

zeitnah-webdesign
Webdesign in Würzburg
Beitrag #2
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
Zappelo Offline
Mitglied
***

Beiträge: 287
Registriert seit: Oct 2010
kannst ja mal mit 1024 x 768 testen. (brauchst ja blos den QT einfügen) Tounge
Bringt bei mir auf 1920 x 1080 ein sehr gutes Ergebnis.

Sollte das Bild in KB zu groß sein einfach auf einen Webtauglichen Wert bringen und mit Scanlines manipulieren. Wink

Sieht man bei http://world.zappelo.de/
(Dieser Beitrag wurde zuletzt bearbeitet: 25.01.2012 14:28 von Zappelo.)
Beitrag #3
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
zumsel Online
Supporter
****

Beiträge: 978
Registriert seit: Oct 2010
Kussmund nett gemacht........mein Haus......mein Auto........mein Boot......

Gruß Zumsel

.........und von meinem Rechner lass ich mich nicht schikanieren...........
MS Windows 7 Home Premium 64-bit SP1 - NOF12

zeitnah-webdesign
Webdesign in Würzburg
Beitrag #4
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
Zappelo Offline
Mitglied
***

Beiträge: 287
Registriert seit: Oct 2010
Zappelo ist ja auch so was von nett. :messias:
Beitrag #5
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
Bee Offline
Supporter
****

Beiträge: 1.184
Registriert seit: Aug 2010
Was sind bitte Scanlinien?
Beitrag #6
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
Zappelo Offline
Mitglied
***

Beiträge: 287
Registriert seit: Oct 2010
Beitrag #7
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
wolfgangn Online
Super Moderator
*****

Beiträge: 706
Registriert seit: Dec 2010
Hallo,

klasse Script, nur ohne Quirks-Modus!
geht ab IE7 und drunter nicht
mit Quirks-Modus im IE7, aber nicht im IE8 und IE9
alle anderen neuen Browser ist die Einstellung egal, wobei ich die älteren Browser nicht getestet habe.

Gruß

Motto: carpe diem | :hai:
Werbeagentur Karlsruhe Luchs
Beitrag #8
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
barbara0701 Offline
Administrator
*****

Beiträge: 5.243
Registriert seit: Jan 2010
Ich schließe das Tutorial hier ab, weitere Diskussionen dazu gerne hier:

http://www.nof-schule.de/forum/f-nof-support-allgemeine-fragen-ge...omponenten

Gruß, Barbara
----------
Schon gelesen? Wichtige Tutorials für alle Nofler:
Datensicherung | Design | Publizierung

Lumis-Webdesign in Nürnberg
Beitrag #9
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
Thema geschlossen 


Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  Text bei Mouseover neben Bild erscheinen lassen barbara0701 0 313 16.12.2011 11:36
Letzter Beitrag: barbara0701
  Hintergrund mit fest positionierter Grafik barbara0701 0 624 21.05.2010 18:00
Letzter Beitrag: barbara0701
  Hintergrund mit horizontalem Streifen endlos barbara0701 0 891 21.05.2010 17:56
Letzter Beitrag: barbara0701
  Hintergrund mit vertikalem Farbverlauf barbara0701 0 1.182 21.05.2010 17:48
Letzter Beitrag: barbara0701



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste

nach oben An den Anfang der Seite scrollen
Diese Website wird durch Bot-Trap vor Spam geschützt!
Informationen zu NetObjects XII/NOF12, Software und Updates bei netobjects.de