当前位置: 代码迷 >> Web前端 >> Tabpanel题目active样式修改
  详细解决方案

Tabpanel题目active样式修改

热度:134   发布时间:2012-11-25 11:44:31.0
Tabpanel标题active样式修改

做出来后的效果如下:

?

用到的图:

把图片添加到项目中,

在.jsp页面的ext-all.css定义后,添加

<STYLE type="text/css">
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
?background-position: 0 0;
?background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
?
}
.x-tab-strip-top .x-tab-strip-active .x-tab-left {
?background-position: right -300px;
?background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
?
}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
?background-position: 0 -150px;
?background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
}
</STYLE>

即可.

  相关解决方案