title: Visibility attribute stopped working in chrome for me
body: <p>I created a web app some months ago and tested it working fine in ie, ff &amp; chrome.</p>
  
  <p>i went to add something last night and noticed that my hide iframe function is no longer working in chrome.</p>
  
  <p>If i inspect the element i can see the attribute is indeed changing, but the iframe is not hidden.</p>
  
  <pre><code>function hideIFrame(){
      document.getElementById("myFrame").style.visibility="hidden";
      self.focus();
  }
  
  function showIFrame(){
      document.getElementById("myFrame").style.visibility="visible";
  }
  </code></pre>
  
  <p>the myFrame div starts off hidden. and is made visible successfully but when the visibility is changed to hidden chrome is not hiding it, ff and ie do hide it still.</p>
  
  <p>any idea why?</p>
  
  <p><strong>The FIX:</strong></p>
  
  <pre><code>function hideIFrame(){
      document.getElementById("myFrame").style.visibility="hidden";
      document.getElementById("myFrame").style.opacity=0;
      self.focus();
  }
  
  function showIFrame(){
      document.getElementById("myFrame").style.visibility="visible";
      document.getElementById("myFrame").style.opacity=1;
  }
  </code></pre>