Pseudoelement positionieren

[Matthias Apsel]

Hallo alle,

in der unteren rechten Ecke des Viewports soll eine dezente Schmuckgrafik und ein ebenso dezenter Hinweis dargestellt werden. Meine derzeitige Lösung sieht so aus:

body::after {
  content: "dezenter Hinweis";
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  height: 100vh;
  line-height: 100vh;
  background-image: url(dezente-grafik.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  text-align: right;
  line-height: 195vh;
  color: #ddd;
  padding-right: 30px; /* passend zur Grafik */
  font-size: .8em;
}

Es funktioniert, aber so richtig mag mir das nicht gefallen. Das geht doch bestimmt besser. Hat jemand eine Idee?

Bis demnächst
Matthias