论坛首页 Web前端技术论坛

Tabpanel标题active样式修改

浏览 3919 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (7) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-12-07  

做出来后的效果如下:

 

用到的图:

把图片添加到项目中,

在.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>

即可.

  • 大小: 3.5 KB
  • 大小: 13 KB
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics