title: Can we overlay texts and div elements with JQuery lightbox plugin?
body: <p>I came across this lightbox plugin and thought of implementing it in my project. I have an option of Exporting data in my application. When I click the export link, I want the light box to appear with some text and buttons like Export to excel,export to text file etc.</p>
  
  <p>But will the light box plugin overlay only images? If not, how can I over text and div elements?</p>
  
  <p>This is the export link:</p>
  
  <pre><code>&lt;a class="button" id="export_entries"&gt;Export&lt;/a&gt;
  </code></pre>
  
  <p>This is the div element that I want to appear in the lightbox.</p>
  
  <pre><code>&lt;div id="lightboxContent"&gt;
  &lt;div class="info"&gt;
      &lt;h2&gt;Export Options&lt;/h2&gt;
      &lt;div&gt;How would you like that?&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="stuff"&gt;
      &lt;p class="center"&gt;
          &lt;a class="button" title="Excel Document" href="#"&gt;Excel(.xls)&lt;/a&gt;
  
          &lt;a class="button" title="Tab Delimited"  href="#"&gt;Text(.txt)&lt;/a&gt;
  
  
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>EDIT 1</strong></p>
  
  <p>I tried another lightbox plugin called facebox, which had an option of loading a html file in the lightbox. But for me,the html file is loaded as a new page. Can anyone help me?</p>
  
  <p>I've given the code below:</p>
  
  <pre><code>&lt;script type="text/javascript" src="/FormBuilder/app/webroot/js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/FormBuilder/app/webroot/js/facebox/facebox.js"&gt;&lt;/script&gt;
   &lt;link type="text/css" rel="Stylesheet" href="/FormBuilder/app/webroot/css/facebox/facebox.css" media="screen,projection" /&gt;
  
  &lt;a class="button" rel="facebox" id="export_entries" href="/lightbox.html" &gt;Export&lt;/a&gt;
  </code></pre>