Bilder fest positionieren

[Matthias Apsel]

Om nah hoo pez nyeetz, 1UnitedPower!

Der Beispiel-Code erweckt nur auf den ersten Blick den Anschein, die Positionierung relativ zum Mittelpunkt des VP vorzunehmen. Mir fällt im Moment keine Lösung ohne zusätzliches Markup ein.

Der BeispielCode nimmt eine Positionierung relativ zum Mittelpunkt des VP vor. Deshalb funktioniert meine Idee auch nur bei einem Hintergrundbild fester Größe.

Wenn man ein mitwachsendes Hintergrundbild haben möchte, könnte man auch die Größen der Linkelemente prozentual angeben und dann sollte auch ohne zusätzliches Markup eine Positionierung möglich sein. Dann vielleicht sogar ohne calc()

etwa ein Luftballon der stets 20% oberhalb und 10% links der Mitte ist

a#luba1  
{  
  width: 8%;  
  height: 16%;  
  position: absolute;  
  bottom: 30%;  
  right: 40%;  
  background: luftballon;  
  background-size: 100%;  
}

sollte nicht völlig daneben gehen.

Matthias