添加Ipanel 中间件中2D效果时，里面动态创建的内容不显示的解决办法

最新推荐文章于 2022-01-26 08:14:40 发布

laoxiao1987

最新推荐文章于 2022-01-26 08:14:40 发布

阅读量1.1k

点赞数

分类专栏： iPanel 文章标签：中间件 border div url html

本文链接：https://blog.csdn.net/laoxiao1987/article/details/6980774

版权

iPanel 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

原始html ，其中多添加的属性为visibility:hidden,

<div id="winWindow" style="position:absolute;left:310px;top:97px;width:596px;height:462px; 
background:url(images/tips3.png) no-repeat;-webkit-transition-duration:500ms;-webkit-transform:scale(0.1);opacity:1;  visibility:hidden" >
	<div style="position:absolute;left:49px;top:9px;width:495px;">
		<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" >
			<tr style="font-size:28px; color:#ffffff">
				<td width="25%" height="55" align="center">号码</td>
				<td width="39%" align="center">中奖金额</td>
				<td width="36%" align="center">中奖状态</td>
			</tr>
		</table>
	</div>
	<!--<div style="position:absolute;left:49px;top:62px;width:495px; overflow:hidden; height:318px;">-->
		<div id="winDiv"  style="position:absolute;left:0px;top:0px;width:495px;">
			<table id="winTable" border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" style="font-size:26px; color:#f0f0f0; text-align:center;" >
				<!--<tr><td height="53" id="num0"></td><td id="money0"></td><td id="state0"></td></tr>
				<tr><td height="53" id="num1"></td><td id="money1"></td><td id="state1"></td></tr>
				<tr><td height="53" id="num2"></td><td id="money2"></td><td id="state2"></td></tr>
				<tr><td height="53" id="num3"></td><td id="money3"></td><td id="state3"></td></tr>
				<tr><td height="53" id="num4"></td><td id="money4"></td><td id="state4"></td></tr>
				<tr><td height="53" id="num5"></td><td id="money5"></td><td id="state5"></td></tr>
				<tr><td height="53" id="num6"></td><td id="money6"></td><td id="state6"></td></tr>
				<tr><td height="53" id="num7"></td><td id="money7"></td><td id="state7"></td></tr>
				<tr><td height="53" id="num8"></td><td id="money8"></td><td id="state8"></td></tr>
				<tr><td height="53" id="num9"></td><td id="money9"></td><td id="state9"></td></tr>-->
			</table>
		</div>
	<!--</div>-->
  	<div style="position:absolute;left:49px;top:382px;width:495px;">
		<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"  style="font-size:26px; color:#f0f0f0" >
			<tr>
				<td height="60" colspan="3" style="color:#da951f;">恭喜您！2注中奖，中奖金额共为150元!</td>
			</tr>
		</table>
  </div>
	<div style="position:absolute;left:567px;top:62px;width:8px;height:383px; background:url(images/prop_bar1.png) no-repeat">
		<div style="position:absolute;left:-5px;top:117px;"><img src="images/p_dot1.png" width="16" height="15"/></div>
	</div>
</div>

说明：ID为winTable中的 tr node属性是JS动态生成，其中winWindow 是用来显示的。2D效果显示的代码：

		initWinTable();//这是初始化winTable中的tr td 内容
		$("winWindow").style.visibility="visible";//为了处理内容时内容没有的效果
		$("winWindow").style.webkitTransform = "scale(1,1)";//这是2D显示scale缩放效果
		$("winWindow").style.opacity=1;//这是透明度显示属性设定