Javascript 在按钮上设置透明背景不是'；我不在IE9工作

我有一个ExtJS应用程序，我在其中使用一些有背景的工具栏，所以我使工具栏和按钮透明。我的一些用户仍然停留在IE9上（我知道），按钮显示不正确

有关示例，请参见此处的fiddle：

在Chrome或IE 10+中，工具栏按钮是透明的。看起来是这样的：

然而，在IE9中，它看起来是这样的：

小提琴代码：

 Ext.onReady(function () {
      var win = Ext.create('Ext.window.Window', {
          layout: 'fit',
          height: 300,
          width: 300,
          autoShow: true,
          tbar: {
              style:'background-color:orange;',
              items: [{
                  text: 'hi',
                  style: 'background:transparent;'
              }]
          },
          html:'some html'
      });
  });

---

ExtJS框架正在为IE9的button创建表dom。我们可以通过在

style

config中提供

frame:false

&提供边框和填充样式来防止它

frame:false,
style:'background-color:transparent;border:1px solid #d8d8d8!important;border-radius: 3px;padding: 3px!important;' 

完整代码：

  Ext.onReady(function () {
      var win = Ext.create('Ext.window.Window', {
          layout: 'fit',
          height: 300,
          width: 300,
          autoShow: true,
          tbar: {
              style:'background-color:orange;',
              items: [{
                   text: 'hi',
                  frame:false,
                   style:'background-color:transparent;border:1px solid #d8d8d8!important;border-radius: 3px;padding: 3px!important;'
              }]
          },
          html:'some html'
      });
  });

就是一个有效的例子