title: Open CSS modal box from link in SVG document
body: <p>I want to implement a modal box according to <a href="http://www.paulrhayes.com/2011-03/css-modal/" rel="nofollow">http://www.paulrhayes.com/2011-03/css-modal/</a> to open when clicking on a element in a SVG document.</p>
  
  <p>Here's an example code:</p>
  
  <pre><code>&lt;svg ...&gt;
  &lt;g id="ra"&gt;
      &lt;a xlink:href="#r1" class="openModal"&gt;
          &lt;g id="r"&gt;
              &lt;rect x="136.63" y="98.893" fill="#000000" width="58.79" height="91.313"/&gt;
          &lt;/g&gt;
      &lt;/a&gt;
  &lt;/g&gt;
  &lt;/svg&gt;
  &lt;aside id="r1" class="modal"&gt;
      &lt;div&gt;
          &lt;h2&gt;Modal box&lt;/h2&gt;
              &lt;p&gt;Lorem Ipsum&lt;/p&gt;
              &lt;a href="#close" title="Close"&gt;Close&lt;/a&gt;
      &lt;/div&gt;
  &lt;/aside&gt;
  </code></pre>
  
  <p>Well, as you might guess. This code is not working. Perhaps you can help?
  Thanks a lot.</p>