Das Bild in der Skizze hat einen Link ... Alder, ich schwör! - versucht es zu klicken oder zu kopieren - es wird nicht funktionieren!
Wie geht das?
Die Idee dahinter ist simpel - ich gebe Bilder einen negativen z-Index um sie im Blogger Post hinter die Post-Ebene zu legen. Anschließend mache ich die hintere Ebene mitpointer-events: none
unklickbar. Das funktioniert in allen richtigen Browsern und im IE ab 8+.Wer das ausprobieren will: Ihr braucht für jede Vorlage eine eigene CSS - folgendes funktioniert nur in 'Simple'.
.post{ position: relative !important; z-index: 10 !important; } .separator{ position: relative !important; z-index: -1 !important; pointer-events: none !important }Ich bin jetzt gerade zu faul :=), um das für jede Vorlage zu testen und schreiben - falls es jemand braucht, fragt nach.