Commit caccf67d authored by Hakim El Hattab's avatar Hakim El Hattab
Browse files

add for iframe backgrounds

parent b19dc7fc
......@@ -602,9 +602,9 @@ Automatically plays a full size video behind the slide.
```
##### Iframe Backgrounds
Embeds a web page as a background. Note that since the iframe is in the background layer, behind your slides, it is not possible to interact with the embedded page.
Embeds a web page as a slide background that covers 100% of the reveal.js width and height. The iframe is in the background layer, behind your slides, and as such it's not possible to interact with it by default. To make your background interactive, you can add the `data-background-interactive` attribute.
```html
<section data-background-iframe="https://slides.com">
<section data-background-iframe="https://slides.com" data-background-interactive>
<h2>Iframe</h2>
</section>
```
......
......@@ -377,7 +377,9 @@ body {
opacity: 1; }
.reveal .slides > section:empty,
.reveal .slides > section > section:empty {
.reveal .slides > section > section:empty,
.reveal .slides > section[data-background-interactive],
.reveal .slides > section > section[data-background-interactive] {
pointer-events: none; }
.reveal.center,
......
......@@ -446,7 +446,9 @@ body {
}
.reveal .slides>section:empty,
.reveal .slides>section>section:empty {
.reveal .slides>section>section:empty,
.reveal .slides>section[data-background-interactive],
.reveal .slides>section>section[data-background-interactive] {
pointer-events: none;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment