原文详解:CSS display 属性的重叠覆盖
原文链接: http://licocom.com/archives/1168
CSS display属性,一般为隐藏某个标签的显示,
并列N个div或者标签消除隐藏,
我们需要将某个div展示,某些div隐藏。
js直接控制css变换即可,这样display=none属性便可生效。
生效后上面的div样式便会被显示的div覆盖。
<div style="width: 100%;margin-top: -4.5% ">
<div id="timeView" style="width: 100%;height:460px;text-align: center;">
<%--按时间--%>
<div id="box" style="width: 100%;height: 100%">
</div>
</div>
<div id="productView" style="width: 100%;height:460px;text-align: center;">
<%--按类型--%>
<div id="product" style="width: 65%;height: 100%;margin-left: 10%"></div>
</div>
<div id="yardView" style="width: 100%;height:460px;text-align: center;">
<%--按园区(饼图和柱状曲线)--%>
<div id="cityIn" style="width: 49%;height: 280px;float: left;"></div>
<div id="cityOut" style="width: 49%;height: 280px;float: left;"></div>
<div id="cityColumnar" style="width: 75%; margin-left: 15%; height: 250px;"></div>
</div>
</div>
以上为开发代码,面对开发需求,记录学习之路。