Mike Rofon
Erfahrenes Mitglied
Es gab das Thema Variablen in CSS schonmal, aber das war 2012...
Ich möchte eine CSS Definition mit einem sich ändernden Background-Image bauen.
Dabei hab ich weder PHP noch JS noch sonstwas zur Verfügung.
Das eigentliche CSS zeigt ein Overlay für eine Simulationssoftware
Bisher bin ich so weit daß man folgendes machen kann:
.overlay {
--header-logo: url(http://www.domain.net/media/bildname.png);
}
und dann an passender Stelle
.logo { background-image: var(--ticker-logo);
Jetzt stellt die Software style-Attribute bereit wie --serien-id
aber so Sachen wie zB.
.overlay { --header-logo: url('https://myserver.com/mylogos/series/' var(--series-id) '.png');
}
in verschiedenen syntaktischen Versionen, scheint nicht zu klappen....
Oder vielleicht doch?
VG
Mike
Ich möchte eine CSS Definition mit einem sich ändernden Background-Image bauen.
Dabei hab ich weder PHP noch JS noch sonstwas zur Verfügung.
Das eigentliche CSS zeigt ein Overlay für eine Simulationssoftware
Bisher bin ich so weit daß man folgendes machen kann:
.overlay {
--header-logo: url(http://www.domain.net/media/bildname.png);
}
und dann an passender Stelle
.logo { background-image: var(--ticker-logo);
Jetzt stellt die Software style-Attribute bereit wie --serien-id
aber so Sachen wie zB.
.overlay { --header-logo: url('https://myserver.com/mylogos/series/' var(--series-id) '.png');
}
in verschiedenen syntaktischen Versionen, scheint nicht zu klappen....
Oder vielleicht doch?
VG
Mike
Zuletzt bearbeitet: