Ext JS 4:标题栏按钮在 Internet Explorer 8 中不完全可见

Posted

技术标签:

【中文标题】Ext JS 4:标题栏按钮在 Internet Explorer 8 中不完全可见【英文标题】:Ext JS 4: Title Bar buttons not fully visible in Internet Explorer 8 【发布时间】:2012-08-31 21:20:58 【问题描述】:

默认的 ExtJS 配置不允许标题栏按钮在 IE 8 中正确显示。我没有在 IE 9 中测试过。我该如何解决这个问题?

之前:

Internet Explorer 8:

Mozilla Firefox 15:

我尝试将第一个按钮的 tbar > style > height 配置添加到“200px”。这只会使第一个按钮变得很大,但第二个和第三个按钮保持不变。即使我在所有 3 个按钮中设置了相同的高度,这些按钮仍然部分隐藏在 IE 8 中。如果您知道如何设置 tbar 本身的样式,我可以尝试。不过我想不通。

之后:

tbar: [
    text: 'Create HEAT Project',
    style: 
        border: 'solid',
        height: '200px'
    ,

Internet Explorer 8:

Mozilla Firefox 15:

【问题讨论】:

【参考方案1】:

这个 CSS 在 Internet Explorer 中修复了它!

<style media="screen" type="text/css">

    .x-nlg .x-toolbar-default 
        background-image: url(../blank.png) !important;
    

</style>

【讨论】:

所以这在一台计算机上的 Internet Explorer 8 中有效,但在另一台计算机上无效。怎么可能?

以上是关于Ext JS 4:标题栏按钮在 Internet Explorer 8 中不完全可见的主要内容,如果未能解决你的问题,请参考以下文章

如何在桌面显示或隐藏”Internet Explorer” 图标?

Extjs在panel的标题栏上加按钮的方法

Ext JS 4 - 理解 this.control、选择器和事件处理

Ext JS 6开发实例 :调整主视图

如何仅为一列向 Ext.js 网格标题菜单添加额外的按钮

ambari界面进不去config一直在刷新