0

我的树节点图标的 CSS 如下：

.icon {
    background: url(http://dummyimage.com/100x100/ccc/fff);
    width: 100px;
    height: 100px;
    position: relative;
}
.icon:after {
    background: url(http://dummyimage.com/32x32/f0f/fff);
    width: 32px;
    height: 32px;
    display: block;
    content: ' ';
    position: absolute;
    bottom: 0;
    right: 0;
}

我设置iconCls为"icon"但它不起作用，我也尝试过"icon icon:after"但"icon:after"没有运气。

我使用现代浏览器并且我的覆盖 css 是有效的，但 extjs 似乎不理解它。我该如何克服这个问题？

4

2 回答 2

1

图标元素默认是一个<img>元素。它的内容被图像替换。您不能将 :before 或 :after 与它一起使用，因为它们构成了被替换内容的一部分。您将需要覆盖 Ext.tree.Column 中的 treeRenderer 以应用您的第二张图像。

于 2013-05-27T19:39:19.120 回答
0

看起来你在你的一个测试中忘记了类前缀试试.icon:after {}

于 2013-05-27T19:17:32.820 回答