title: Full screen image Rstudio presentation
body: <p>I'm trying to add a fullscreen image to the title page an Rstudio presentation. I followed the advice from this <a href="https://stackoverflow.com/questions/28916359/rstudio-0-98-1028-add-background-image-only-to-title-slide">link</a>. </p>
  
  <pre><code>&lt;style&gt;
  .section .reveal h1 {
     color: darkred;
     font-size: 1.5em;
     text-align: center;
  }
  
  .section .reveal .state-background {
      background: url(fake.png) ;
      background-position: center center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: 100% 100%;
  }
  
  &lt;/style&gt;
  
  Text
  ========================================================
  width: 2000
  height: 900
  author:
  date: 
  autosize: true
  incremental: true
  
  &lt;center&gt; &lt;font color = "darkgreen"&gt;Text&lt;/font&gt; &lt;/center&gt;
  
  &lt;center&gt;
  &lt;small&gt; 
  &lt;font color = "white", size="5.5"&gt;
   Text
  &lt;/font&gt; 
  &lt;/small&gt;
  &lt;/center&gt;
  </code></pre>
  
  <p>In Rstudio's viewer everything looks fine:</p>
  
  <p><a href="https://i.stack.imgur.com/7a3aZ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7a3aZ.jpg" alt="enter image description here"></a></p>
  
  <p>But in firefox, safari, and chrome I get no background</p>
  
  <p><a href="https://i.stack.imgur.com/MzwIB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MzwIB.png" alt="enter image description here"></a></p>
  
  <p>Any ideas? It appears .rpres is still in heavy development -many <a href="https://stackoverflow.com/questions/39585761/image-and-text-side-by-side-rstudio-presentation-rpres/39586731#39586731">bugs</a>, etc.</p>