make backgrounds (iframes) interactive when the foreground is empty

This commit is contained in:
Hakim El Hattab 2017-01-19 12:16:30 +01:00
parent 98de9327a7
commit 20238ee1d6
2 changed files with 18 additions and 1 deletions

View file

@ -323,6 +323,7 @@ body {
bottom: 0;
left: 0;
margin: auto;
pointer-events: none;
overflow: visible;
z-index: 1;
text-align: center;
@ -340,6 +341,7 @@ body {
position: absolute;
width: 100%;
padding: 20px 0px;
pointer-events: auto;
z-index: 10;
-webkit-transform-style: flat;
transform-style: flat;
@ -374,6 +376,10 @@ body {
z-index: 11;
opacity: 1; }
.reveal .slides > section:empty,
.reveal .slides > section > section:empty {
pointer-events: none; }
.reveal.center,
.reveal.center .slides,
.reveal.center .slides section {
@ -839,6 +845,7 @@ body {
height: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
@ -851,7 +858,8 @@ body {
.reveal .slide-background.present {
opacity: 1;
visibility: visible; }
visibility: visible;
z-index: 2; }
.print-pdf .reveal .slide-background {
opacity: 1 !important;

View file

@ -388,6 +388,7 @@ body {
bottom: 0;
left: 0;
margin: auto;
pointer-events: none;
overflow: visible;
z-index: 1;
@ -406,6 +407,7 @@ body {
position: absolute;
width: 100%;
padding: 20px 0px;
pointer-events: auto;
z-index: 10;
transform-style: flat;
@ -443,6 +445,11 @@ body {
opacity: 1;
}
.reveal .slides>section:empty,
.reveal .slides>section>section:empty {
pointer-events: none;
}
.reveal.center,
.reveal.center .slides,
.reveal.center .slides section {
@ -866,6 +873,7 @@ body {
height: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: rgba( 0, 0, 0, 0 );
background-position: 50% 50%;
@ -882,6 +890,7 @@ body {
.reveal .slide-background.present {
opacity: 1;
visibility: visible;
z-index: 2;
}
.print-pdf .reveal .slide-background {