extjs4:隐藏/显示选项卡面板的图片

extjs4:隐藏/显示选项卡面板的图片,extjs,extjs4.1,Extjs,Extjs4.1,我有一个带有两个选项卡的选项卡面板。 我希望两个选项卡都包含文本旁边的图像,但是每个选项卡上的图像只有在单击选项卡时才会显示,否则将不会显示(或替换) 能做到吗 你可以通过一些css技巧来实现它 您的CSS可能类似于: .activeTabCls .x-tab-default-top-active{ background-image: url(http://sencha.com/favicon.icon)!important; background-position-y: 4px;

我有一个带有两个选项卡的选项卡面板。
我希望两个选项卡都包含文本旁边的图像,但是每个选项卡上的图像只有在单击选项卡时才会显示,否则将不会显示(或替换)

能做到吗

你可以通过一些css技巧来实现它

您的CSS可能类似于:

.activeTabCls .x-tab-default-top-active{
   background-image: url(http://sencha.com/favicon.icon)!important;
   background-position-y: 4px;
   background-repeat: no-repeat;
   padding: 0px 0px 0px 15px;
}
注:未测试。可能需要进行一些修改

.activeTabCls .x-tab-default-top-active{
   background-image: url(http://sencha.com/favicon.icon)!important;
   background-position-y: 4px;
   background-repeat: no-repeat;
   padding: 0px 0px 0px 15px;
}