dynamictab.css

js动态生成tab页

.TabZone
{
font-size: 12px;
width: 100%;
background: #fff;
}
.TabZone ul
{
position: relative;
display: block;
float: left;
padding: 0 0 0 0px;
padding: 0px 0px 0px 10px;
list-style: none;
height: 26px;
z-index: 99999;
background: #ebebeb url(../images/tabBackGround.gif) repeat-x top;
width: 100%;
}
.TabZone ul li
{
float: left;
display: block;
margin: 5px 3px 0 0;
padding: 0 15px;
cursor: default;
height: 20px;
line-height: 20px;
}
.TabZone ul li.ActiveCSS
{
background: url(../images/tabOn.gif) repeat-x top;
color: #38b0ff;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-align: center;
border-left: solid 1px #1d4c94;
border-top: solid 1px #1d4c94;
border-right: solid 1px #1d4c94;
}
.TabZone ul li.InactiveCSS
{
color: #38b0ff;
background: url(../images/tabOut.gif) repeat-x top;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-align: center;
border-left: solid 1px #1d4c94;
border-top: solid 1px #1d4c94;
border-right: solid 1px #1d4c94;
}
.TabZone div
{
position: relative;
width: 100%;
height: 100%;
z-index: 0;
margin-top: 3px;
}
.TabZone div div
{
height: 100%;
width: 100%;
}
.TabZone div div iframe
{
position: relative;
width: 100%;
height: 100%;
}