Sponsored Links |
|
|||
Eine Grafik, die nur bei einer bestimmten Höhe richtig aussieht, ist eine Grafik die nur bei einer bestimmten Höhe richtig aussieht.
Ich frage mich bei solchen Threads ehrlichgesagt immer, wie ihr euch das vorstellt. Du müsstest eine kachelbare oder teilweise kachelbare Grafik erzeugen. Dann hättest du einen Teil, den du beliebig verlängern kannst. Hier wäre zum Beispiel ein einfacher Trick, die Verzierungen vertikal nicht ganz durchgängig zu machen, sondern in der Mitte einen Streifen freizulassen, der nur blau enthält und den du dann bei Bedarf beliebig in der Höhe verändern kannst. Na ja, oder dann gleich die gesamte Grafik wiederholen. |
Sponsored Links |
|
|||
1. Variante:
Du kannst per CSS auch mehrere Hintergrundbilder angeben, welche du per Background-Positions verschiebst. In deinem Fall hätten wir 2 Grafiken, nehmen wir mal an bgLeft.jpg + bgRight.jpg: Code:
body{ background: url("bgLeft.jpg") no-repeat left top, url("bgRight.jpg") no-repeat right top; } per Javascript. Für die js-Bibliothek jQuery gibt Plugins wie z.b. jQuery backstretch (3. Variante: ) Produzier beide Bilder als transparente pngs und positionier diese jeweils in einem Div fixed und per top: right:/left: jeweilse nach rechts oder links. Geändert von zeji (02.08.2011 um 14:01 Uhr) |
|
|||
Variante 1 scheint im aktuellen Firefox und Chrome noch nicht unterstützt zu werden, da CSS3.
Variante 3 funktioniert leider auch nicht. Habt ihr noch eine andere Idee oder vielleicht Beispielcode? Zitat:
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Webseite mit fixierten Hintergrund | ned.design | CSS | 2 | 09.12.2010 19:27 |
CSS-Styles werden bei einem Linksprung von Webseite A auf Webseite B nicht geladen | Fools | (X)HTML | 3 | 13.09.2010 11:57 |
Wie sieht eine Webseite in verschiedenen Browsern aus | TreasureZone | Grafik, Design, Typografie | 5 | 18.05.2010 19:52 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 17:05 |
Hintergrund wird im IE abgehackt | lekim | CSS | 0 | 29.03.2006 14:14 |