Use DIV to block flash and add links to Flash

Problem Description: A company to cooperate with a hotel reservation site needs to advertise on the page, but the other side gave a flash file, request link to its home page. Add <a Href=...> directly in front of the HTML Flash object, and find that the link is not moving.

Resolution process:

The developer was unaware of the problem and wrote the following question code:

1<a href="http://www.youiyou.net">
2　　　 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/ swflash.cab#version=6,0,29,0" width="468" height="60">
3　　　　　　　 <param name="movie" value="**.swf">
4　　　　　　 　 <param name="quality" value="high">
5 　　　　　　　 <embed src="*.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed>
6　　　 </object>
7</a>

Mouse put up is no effect, because the default flash will be placed to the highest level, may have friends have also encountered a drop-down menu by flash blocking the situation, also belong to this situation.

The solution found on the Internet is to use a large, transparent button wrapped in the outermost layer of the flash, or to cover flash with layers, and then define the button's OnClick event, but this is not working properly under Firefox.

At the same time, users are most concerned about the role of SEO disappeared, because this is not a normal link, is the use of JavaScript to achieve jump.

1<button style="width:468;height:60;background:transparent;border:0;padding :0;cursor:hand" onclick="window.location.href='http://www.youiyou.net/'&qu ot;>
2　　　 <object classid="clsid:D27CDB6E-AE6D- 11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/ swflash.cab#version=6,0,29,0" width="468" height="60">
3　　　　　　　 <param name="movie" value="**.swf">
4　　　　　　 　 <param name="quality" value="high">
5 　　　　　　　 <embed src="*.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed>
6　　　　　　　 <param name="wmode" value="transparent">
7　　　 </object>
8</button>

The perfect way to have all the native features of <a href...> is to cover flash with a transparent <a href=...> link, and eventually we use the following code to cover flash with a large, transparent map link.

Put Flash in a layer with a zindex-1 and set the Wmode property (wmode= "Transparent" and <param name= "wmode" value= "Transparent" in Code > respectively in Firefox and IE play a role).

Masker layer is used to block the layer of flash, margin-top use positioning. Blank.gif is a transparent picture. The effect looks like this

Title, mouse hand shape are normal

1<div style= "z-index:-1"
2 <object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" code Base= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width= "468" height= " ""
3 <param name= "movie" value= "**.swf"
4 <param name= "quality" value= "High" > 5 <embed src= "*.swf" wmode= "Transparent" quality= "High" pluginspage= "HTTP://WWW.MACROMEDIA.COM/GO/GETFLASHPL" Ayer "Type=" Application/x-shockwave-flash "width=" 468 "height=" ></EMBED>
6 <param name= "Wmode" value= "Transparent"
7 </object>
8</div>
9<div id= "Masker" style=; cursor:hand -top:-60px; width:468px; height:60px; Z-index:1; visibility:visible; " ><a href= "http:www.youiyou.net" ></a> </div></div>
Ten

Article Source: http://www.cnblogs.com/dbgeng/