Analyse des Ausschnitts des Hintergrundbildes des Neunerrasters mit adaptiver Breite und Höhe
|
<br />Basierend auf dem ursprünglichen, in Breite und Höhe adaptiven Neuner-Raster-Layout haben wir einige Optimierungen vorgenommen und acht Hintergrundbildanforderungen in eine geändert, um die Netzwerkkosten zu senken. Tatsächlich sind dies nur einige einfache Tipps. Wenn Sie beim Zuschneiden von Bildern sehr streng sind, treten bei einer 1-Pixel-Asymmetrie Probleme auf. Bitte beachten Sie die Zuschneideanalyse des folgenden Beispiels. RAR: modul.zip Anweisungen : Bildschnittanalyse  Der Schlüssel besteht darin, ein teilweise transparentes Hintergrundbild zu verwenden und ein zusätzliches <SPAN>-Tag hinzuzufügen, um den Hintergrund für jeden adaptiv erweiterten XHTML-Teil zu lesen, um so den erweiterten Hintergrund links oder rechts oder oben und unten versetzt auszufüllen. Um das Problem zu lösen, dass der IE keine 100 % Höhe erreicht, werden die Höhen der linken und rechten Erweiterung als absolute Werteinheiten von 3000 Pixeln geschrieben (je nach Bedarf angepasst). Manko : Das Hintergrundbild muss transparent sein, daher können Bilder im JPG-Format nicht verwendet werden. (Ich hoffe, jemand kann dieses Problem lösen) |
<<: Detaillierte Erklärung zur Konfiguration der OpenGauss-Datenbank im Docker
>>: Detailanalyse der MySQL-Berechtigungskontrolle
Artikel empfehlen
Lösung für das Problem des Springens der Textposition, wenn das Suchtextfeld den Fokus verlässt
Beim Setzen des Textes im Suchtextfeld springt di...
Fassen Sie die häufigsten Anwendungsprobleme von XHTML-Code zusammen
Im Laufe der Zeit habe ich festgestellt, dass vie...
So installieren Sie MySQL unter Linux (Yum und Quellcode-Kompilierung)
Es gibt zwei Möglichkeiten, MySQL unter Linux zu ...
Kompatibilitätsprobleme beim Einfügen von Audiodateien in HTML und beim Abspielen in Browsern
Lassen Sie uns über einige Probleme sprechen, die ...
Beispielcode für die Verwendung von CSS cross-fade() zum Erzielen eines halbtransparenten Hintergrundbildeffekts
1. Anforderungsbeschreibung Bei einem bestimmten ...
Detaillierte Erläuterung des Linux-Textverarbeitungsbefehls sort
sort Den Inhalt einer Textdatei sortieren Verwend...
CSS3-Beispielcode zum Erreichen einer Elementbogenbewegung
So verwenden Sie CSS, um die Bogenbewegung von El...
Layim in Javascript, um Freunde und Gruppen zu finden
Derzeit haben die Verantwortlichen von Layui die ...
Lösung für das Verschwinden des MySql-Dienstes aus unbekannten Gründen
Lösung für das Verschwinden des MySql-Dienstes au...
Detaillierte Erklärung der Serveroptionen von Tomcat
1. Konfiguration Die ersten beiden sind standardm...
Zusammenfassung einiger Grundsätze, die bei der Ausgabe von HTML-Seiten beachtet werden sollten
1. DOCTYPE ist unverzichtbar. Der Browser bestimm...
Tutorial zur Installation des Nginx-RTMP-Streaming-Servers unter Ubuntu 14
1. RTMP Das RTMP-Streaming-Protokoll ist ein von ...
Der Unterschied zwischen div und span in HTML (Gemeinsamkeiten und Unterschiede)
Gemeinsamkeiten: Das DIV-Tag und das SPAN-Tag beh...
Drei Prinzipien effizienten Navigationsdesigns, die Webdesigner kennen müssen
Das Entwerfen der Navigation für eine Website ist...
Detaillierte Erläuterung zum Einrichten einer statischen IP-Netzwerkkarte für die virtuelle CentOS 8-VMware-Maschine für den Zugriff auf das Internet
Erster Schritt: Klicken Sie in VMware auf "B...