Wie man ein hintergrund Bild in reveal.js?

Ich will ein Hintergrundbild auf der rechten Seite einer Folie in einer reveal.js -Präsentation.

Hinzugefügt habe ich das Bild auf die Folie wie diese:

 <section data-background="myImage.jpg">
  //content
 </section>

Wie kann ich css-Stile zu machen, erscheinen auf der rechten Kante des Bildschirms?

InformationsquelleAutor Jens Schauder | 2014-08-24
  1. 16

    Dieser Artikel geholfen, um die Lösung zu finden. Sie können einen Stil für das html-element für den aktuellen Abschnitt verwenden 

    data-state="something"

    und natürlich können Sie diesen Stil für das optimieren von css. So habe ich diese html:

    <section data-background="myImage.jpg" data-state="img-right">
    //content
</section>

    und die folgenden css:

    html.img-right div.slide-background.present {
    background-position: right;
}
    • nicht zu erwähnen, dass es akzeptiert .png-Bilder 🙂
    • Der Artikel scheint zu beschreiben eine andere Methode, die von jetzt. Wenn Sie möchten, um zu versuchen, und schreiben Sie eine Antwort auf es, ich werde es prüfen. Habe keine Zeit mich jetzt.
    InformationsquelleAutor Jens Schauder
Schreibe einen Kommentar