Ext样式设置，望高手解决

Question

问题是这样的，引用Ext到JSP中后，加载后就会出现所有的图片都会出现比较粗的border，完全失去了EXT的美化效果，其中一段代码如下：

<link rel="Stylesheet" type="text/css"
            href="../ExtJS/resources/css/ext-all.css" />
        <!-- 样式文件 -->
       
        <script type="text/javascript" src="../ExtJS/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="../ExtJS/ext-all.js"></script>

       .....

 

 

js如下：

var url = "TreeAjax.jsp";
    var loader = new Ext.tree.TreeLoader({url:url});
    var root = new Ext.tree.AsyncTreeNode
    ({
        id:"0",
        text:"系统管理",
        leaf:false,
        loader:loader,
        expandable:true,
        expanded:true
    });
    var tree = new Ext.tree.TreePanel
    ({
        id:"tree",
        root:root,
        //singleExpand:true,//切换关闭其他兄弟节点
        autoHeight:true,
        autoWidth:true,
        frame:false,        
        animate:true
    });   
   
    tree.on("contextmenu",function(node,e)
            {
                var treeMenu = new Ext.menu.Menu
                ([
                    {xtype:"button",text:"打开",icon:"../ExtJS/examples/shared/icons/fam/plugin.gif",pressed:true},
                    {xtype:"button",text:"添加",icon:"../ExtJS/examples/shared/icons/fam/plugin.gif",pressed:true},
                    {xtype:"button",text:"编辑",icon:"../ExtJS/examples/shared/icons/fam/plugin.gif",pressed:true},
                    {xtype:"button",text:"隐藏",icon:"../ExtJS/examples/shared/icons/fam/plugin.gif",pressed:true},
                    {xtype:"button",text:"删除",icon:"../ExtJS/examples/shared/icons/fam/plugin.gif",pressed:true}
                              
                ]);
                treeMenu.showAt(e.getPoint());
            });

 

我在页面中重写了样式如下：

div,td,span,img{
                border:none;
                font-family: '微软雅黑'
            }

也没有效果

页面展示效果如下，看下图片就知道了，

补充：

在发出问题后我又试了下，把此JSP放到EXT文件夹下的/examples/portal/下就没有以上问题

Answer 1

不需要写一堆脚本。你只需要设置Ext.BLANK_IMAGE_URL属性就行了。你可以修改ext源代码修改这个属性。或者写在Ext-all.js 后面也行。这样的话其他地方就不并要都写相同代码了。