info

flashの上にhtmlを重ねる
サンプル


JavaScript

$(document).ready(function(){
	init_flash();
});

function init_flash(){
	var flashvars={};
	flashvars.browser=navigator.userAgent;

	var params={};
	params.base=".";
	params.menu="false";
	params.wmode="opaque";
	params.allowfullscreen="false";
	params.allowscriptaccess="always";

	swfobject.embedSWF("swf/core.swf", "flashcontent", "530", "300", "9.0.45", null, flashvars, params);
}


CSS

body{
	padding:0;
	margin:0;
	background-color:#efefef;
}
#toparea{
	position:relative;
	width:530px;
	height:500px;
}
#flashcontent{
	position:absolute;
	width:530px;
	height:500px;
	z-index:31;
}
#social{
	position:absolute;
	width:200px;
	height:30px;
	border:1px solid red;
	z-index:131;
	right:0;
}


HTML

	<div id="toparea">
		<div id="flashcontent"></div>
		<div id="social">
		<a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
		<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fzapruder.main.jp%2Fflash%2Ftips%2F09%2F&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=144579115593209" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>
		</div>
	</div>