|
|||
Skalierung von background-grafik in Chrome
hi zusammen,
ich habe folgenden CSS-Code definiert: Code:
.backpic-schule { background-image: url('/files/content/grafiken/schule.jpg'); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-attachment: fixed !important; padding: 5% 0; } Hat da jemand einen Tipp für mich, wie ich das noch optimieren könnte? hier der link: Uli Wieland Mittelschule Vöhringen - Leitbild unserer Schule |
Sponsored Links |
|
|||
Hallo
Die Seite wird in beiden Browsern gleich angezeigt. Du verwendest HTML sowie Bootstrap ohne hinreichende Grundkenntnisse. Das wird erfahrungsgemäß nichts. Zu den Grundkenntnissen gehört Einheiten sinnvoll anzuwenden. Du jedoch willst bestimmte Effekte erreichen und verwendest Einheiten so, dass sie deiner Ansicht nach passen sollten. Das Verhalten von Elementen auf bestimmte Einheiten ist jedoch genau bestimmt und geht nicht danach, was du erreichen willst. Das Verhalten der Hintergrundbilder mit cover ist auch vollkommen normal. Mit cover füllt das Hintergrundbild das gesamte Element aus und wird je nach Darstellung in der Höhe oder Breite beschnitten. Die unterschiedliche Darstellung in den beiden Bildern rührt daher, dass du Äpfel mit Birnen vergleichst. In deinem Fall ist die Skalierung (Zoom-Faktor) der beiden Browser unterschiedlich. Dadurch wird das Hintergrundbild natürlich unterschiedlich angezeigt. Mit den Browsern hat das überhaupt nichts zu tun. Gruss MrMurphy |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Navigation positionieren | maybebabe | CSS | 4 | 08.04.2013 23:17 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 14:32 |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 21:41 |
Float-Reihenfolge? | wolf1985 | CSS | 0 | 21.08.2008 02:35 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |