In a drastic attempt to reduce iframe flickering, I've made the iframe background transparent thinking that I was going conjure a div fill to use as a static background. This would work if the filler was a solid color, but I'm using opacity features for design purposes, and therefore all of the content in the iframe is set to the opacity levels predetermined in the stylesheet (<!-- m --><a class="postlink" href="http://www.nickadt.5u.com/newfolder/style/grey.css">http://www.nickadt.5u.com/newfolder/style/grey.css</a><!-- m -->). (This problem is illustrated best you click on one of the menu options (in Mozilla).) Is there any way to solve this using CSS?
Site with transparent iframe (<!-- m --><a class="postlink" href="http://www.nickadt.5u.com/newfolder/index.htm">http://www.nickadt.5u.com/newfolder/index.htm</a><!-- m -->); site without transparent iframe (iframe flickering, no menu) (<!-- m --><a class="postlink" href="http://www.nickadt.5u.com/">http://www.nickadt.5u.com/</a><!-- m -->).Transparency/opacity is inherited. The only way to get around this is by using absolute positioning, so that the elements positioned over the partially tranparent element aren't children of it.
Site with transparent iframe (<!-- m --><a class="postlink" href="http://www.nickadt.5u.com/newfolder/index.htm">http://www.nickadt.5u.com/newfolder/index.htm</a><!-- m -->); site without transparent iframe (iframe flickering, no menu) (<!-- m --><a class="postlink" href="http://www.nickadt.5u.com/">http://www.nickadt.5u.com/</a><!-- m -->).Transparency/opacity is inherited. The only way to get around this is by using absolute positioning, so that the elements positioned over the partially tranparent element aren't children of it.