<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
Es besteht ein Unterschied zwischen src und href ...
Vorwort Bei der Entwicklung kleiner Programme müs...
Das Konfigurieren der Netzwerkkonnektivität für L...
Unter den klassischen Farbkombinationen kann wohl...
Der Unterschied zwischen Inline-Elementen und Blo...
#String-Verkettung concat(s1,s2); verkette die St...
Verwenden Sie Anti-Shake, um DIV verschwinden zu ...
Inhaltsverzeichnis Einführung in Arrays Array-Lit...
Inhaltsverzeichnis Was ist ein Listener in Vue? V...
Inhaltsverzeichnis Einführung in den Samba-Server...
<br />Vor einem Jahr gab es im Internet kein...
Hintergrund Manchmal müssen wir den Erstellungsze...
Hintergrund Lassen Sie mich zunächst den Hintergr...
FTP wird hauptsächlich für die Dateiübertragung v...
Problembeschreibung Die MySQL-Startfehlermeldung ...