Linuchs: Bild überlagern

Beitrag lesen

Wegen eines Trauerfalls möchte ich über meine Seiten einen Trauerflor legen.

Du meinst so einen schwarzen Balken, der um 45° gedreht in einer Ecke des Bildschirms positioniert wird?

Dann nimm doch einen schwarzen Balken und drehe ihn um 45°.

<body>
<style scoped>
.hinweis {
  position: fixed;
  left: 50%;
  width: 100%;
  top: 20%;
  height: 2em;
  background: rgba( 0,0,0, .3 );
  transform: translate( -5mm, 5mm ) rotate(45deg);
  padding: 1em;
  z-index: 2;
}
</style>
<div class=hinweis></div>

Den Grad der Schwärzung stellst du ein mit dem vierten Wert von rgba. 1 = deckend.

Linuchs