pward@testsys.com
02-28-2008, 12:01 AM
We have an educational product that overlays a ruler onto an HTML page. The ruler is embedded in the page with the following options (I removed the object tag for sake of brevity):
<div style="position:absolute; top:0; left:0; height:100%; width:100%">
<embed src="ruler.swf" quality="high" wmode="transparent" bgcolor="#ff6600" width="100%" height="100%" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" />
</div>
The flash object covers the entire displayed page. However, since the object is transparent, the underlying HTML is displayed underneath the ruler. The problem is that Safari and Firefox do not pass through mouse clicks to the underlying layers. It does work on IE. I have found posts of other users, but their solutions of resizing the flash object on mouse over do not help. I need to keep it at the same size the entire time.
Hope someone can help, or at least point me to some official documentation that this is a known issue.
<div style="position:absolute; top:0; left:0; height:100%; width:100%">
<embed src="ruler.swf" quality="high" wmode="transparent" bgcolor="#ff6600" width="100%" height="100%" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" />
</div>
The flash object covers the entire displayed page. However, since the object is transparent, the underlying HTML is displayed underneath the ruler. The problem is that Safari and Firefox do not pass through mouse clicks to the underlying layers. It does work on IE. I have found posts of other users, but their solutions of resizing the flash object on mouse over do not help. I need to keep it at the same size the entire time.
Hope someone can help, or at least point me to some official documentation that this is a known issue.