2
HTML, CSS: Mapping auf dynamischen Hintergrund
Ist es möglich, einerseits ein Bild als Hintergrundbild zu verwenden, welches auf allen möglichen Bildschirmgrößen voll skaliert wird und bei dem abhängig von der Skalierung der Map-Tag von HTML nutzbar ist?
Versucht habe ich schon folgenden Code:
Das bewirkt aber nur einen skalierbarer Hintergrund, auf dem sich aber keine Map definieren lässt. Weiterhin wird es mobil auch nicht optimal dargestellt, da durch die Skalierung die Bildränder verloren gehen.
Gibt es eine Möglichkeit mit skalierbaren Divs oder kann man mit meiner Methode irgendwie ein Mapping einbinden?
Vielen Dank im vorraus
Versucht habe ich schon folgenden Code:
html {
background: url(Test.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}Das bewirkt aber nur einen skalierbarer Hintergrund, auf dem sich aber keine Map definieren lässt. Weiterhin wird es mobil auch nicht optimal dargestellt, da durch die Skalierung die Bildränder verloren gehen.
Gibt es eine Möglichkeit mit skalierbaren Divs oder kann man mit meiner Methode irgendwie ein Mapping einbinden?
Vielen Dank im vorraus
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 329950
Url: https://administrator.de/contentid/329950
Ausgedruckt am: 22.11.2024 um 00:11 Uhr
2 Kommentare
Neuester Kommentar
Hallo Judo,
hierbei wirst du um JS nicht herumkommen, da sonst zum einen das Bild nicht optimal angepasst wird und zum anderen die Map Tags vermutlich z.T ausserhalb des Bildes, z.T ausserhalb des gewünschten Scopes sein werden.
VG
hierbei wirst du um JS nicht herumkommen, da sonst zum einen das Bild nicht optimal angepasst wird und zum anderen die Map Tags vermutlich z.T ausserhalb des Bildes, z.T ausserhalb des gewünschten Scopes sein werden.
VG
Ich bin im HTML/CSS zwar eher Hobbymäßig unterwegs, aber guck mal nach der CSS Maßeinheit vh(viewheight) und vw(viewwidth) für height und width. Vielleicht hilft dir das.
