Gaia项目总结(3)HTML与JS设置

 

全屏自适应

Gaia自动生成的html是不支持全屏自适应。

在原来的css里加上

	html, body, #flashcontent { height:100%; }
	body { margin:0; padding:0; overflow:hidden; }	

完整的就是：

<style type="text/css">
	/*hide from ie on mac\*/
	#flashcontent {
		width: 100%;
		height:  100%;
	}
	/* end hide */
	html, body {
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
	}	
	html, body, #flashcontent { height:100%; }
	body { margin:0; padding:0; overflow:hidden; }	
</style>

来源：http://hi.baidu.com/dn_web/blog/item/dfe379396a9a4afeb311c7c2.html

flash置底，上放DIV

flash要设置 wmode: "transparent",
flash和div都要设置position:absolute; 和z-index

		#flash{ 
			width: 910px;
			height: 840px;
			text-align:center;
			z-index:2;
			position:absolute; 
		}
		#bg{
			text-align:center;
			z-index:1;
			position:absolute; 
		}

DIV居中

嵌套一个子DIV

父DIV写left:50%;

子DIV写margin-left:-552px;宽度要改下，如果是JQuery，就是style.marginLeft