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
Einfacher Vergleich von Meta-Tags in HTML
Das Meta-Tag wird verwendet, um Dateiinformationen...
Zusammenfassung wichtiger Breakpoint-Debugging-Techniken für JavaScript (empfohlen)
Inhaltsverzeichnis Warum einen Debugger verwenden...
Von Vue berechnete Eigenschaften
Inhaltsverzeichnis 1. Grundlegende Beispiele 2. B...
Methoden zur Installation und Deinstallation der virtuellen Python-Umgebung sowie aufgetretene Probleme
Ubuntu16.04: Pip installieren und deinstallieren ...
Verwendung der Vue3-Tabellenkomponente
Inhaltsverzeichnis 1. Ant Design Vue 1. Offiziell...
Zusammenfassung der Unterschiede zwischen den MySQL-Speicher-Engines MyISAM und InnoDB
1. Änderungen in der Standard-Speicher-Engine von...
Lernen Sie die Vue-Middleware-Pipeline in einem Artikel kennen
Beim Erstellen eines SPA müssen Sie häufig bestim...
MySQL-Sortierung – Chinesische Details und Beispiele
Detaillierte Erklärung zur MySQL-Sortierung chine...
Problem mit der Groß-/Kleinschreibung in der MySQL-Datenbank
In MySQL entsprechen Datenbanken Verzeichnissen i...
Border-Radius IE8-kompatible Verarbeitungsmethode
Laut canisue (http://caniuse.com/#search=border-r...
Lösen Sie das Problem, dass der MySQL-Server aktiv die Verbindung trennt, wenn kein Betriebstimeout vorliegt
Wenn wir den MySQL-Dienst verwenden, beträgt die ...
Implementierung der CSS-Auswahl von untergeordneten Elementen für übergeordnete Elemente
Normalerweise wählt ein CSS-Selektor von oben nac...
Detaillierte Erklärung zur Verwendung von INS und DEL zum Markieren von Dokumentänderungen
ins und del wurden in HTML 4.0 eingeführt, um Auto...
Schritte zur Installation von GRUB auf einem Linux-Server
So installieren Sie GRUB für Linux Server Sie kön...
Wesentliche bedingte Abfrageanweisungen für MySQL-Datenbanken
Inhaltsverzeichnis 1. Grundlegende Grammatik 2. F...