Serverrelative Referenzen innerhalb von CSS?

Question

CssRegistration leistet hervorragende Arbeit bei der Referenzierung der CSS-Datei relativ zur Website-URL, auf der Sie sich befinden.

Was machst du innen die CSS-Datei?Wenn ich Assets im Verzeichnis /_layouts/images bereitstelle, funktioniert /_layouts/images sicher auf den MEISTEN Websites hervorragend.Gelegentlich gibt es jedoch /sites/ als Rootweb. In diesem Fall muss die Referenz /sites/_layouts/images lauten.

Gibt es eine gute Möglichkeit, dies zu tun?

Answer 1

URLs in CSS-Dateien sind immer relativ zur CSS-Datei selbst.Wenn Sie in derselben (oder schließen) Speicherort (z. B. in Stilbibliothek oder ähnlich sind) vorhanden sind, können Sie einfach nur Relativ zur CSS-Datei verwenden.

Wenn Sie Assets von _LAYOUTS oder _LAYOUTS / Bildern verweisen, ist das genauso einfach.Diese sind als virtuelle Ordner konfiguriert, die von jeder Site verfügbar sind (da er auf das Dateisystem zeigt, nicht die Inhaltsdatenbank).Alle diese Wege sind also gleich: generasacodicetagpre.

In Ihrer CSS-Datei ist der Pfad einfach: _LAYOUTS / Bildern / logo.png

Answer 2

OK.Wenn Sie also eine Verzeichnisstruktur wie diese haben:

Folder1/  
Folder1/images/image1.png
Folder1/css/style.css

(Dies kann sich in jedem Ordner befinden, z. B.:_layouts, _layouts/1033/Styles usw.)

Um auf die Datei „image1.png“ aus der Datei „style.css“ zu verweisen, müssen Sie in der Datei „style.css“ lediglich Folgendes tun:

'../images/image1.png'

Das „../“ am Anfang sucht nach dem Bilderverzeichnis eine Ebene über dem Speicherort, an dem sich das CSS-Stylesheet befindet.Es besteht also keine Notwendigkeit, darüber nachzudenken /sites/ Dies stellt hier ein Problem dar, da der relative Pfad immer anhand des Speicherorts der Datei style.css ermittelt wird.