刚刚遇到了个奇怪的问题。
我用 在主页面用TAB　 autoLoad:{url:link, nocache: true, scripts:true}　加载页面Student.jsp，


 


郁闷，FF可以正常显示，而IE却不能。

Student.jsp的CSS样式：
  .add {
                background-image:url(../resources/ext/add.gif) !important; 
   }
工具栏按钮：
{
                    text:'添加学员',
                   iconCls:'add',　//加载图标
                    tooltip:'添加一条学员信息!', //鼠标停留时提示的信息
                    
                    handler:function(){
                        actionString= 'student/student.jsp?action=addStudent';
                        abeform.form.reset();//清空表单数据
                        StudentEdiorm.form.reset();
                        win = ShowStudentPanel("添加学员成长记录");
                        win.show();
                            
                    }
                }

排查了一下代码，我把CSS样式放在主页面，FF、IE都能正常显示！

看来　TAB　的autoLoad:{url:link, nocache: true, scripts:true}　在IE中　只能加载JS　，在FF中JS、CSS都加载！

 

 

2008年10月16日10:02:28

发现问题了....

 

之前加载CSS出问题，因为我在STUDENT.jsp中偷懒，把大部分HTML代码删除掉了....所以出现CSS加载不正常。

 

CSS加载出错写法：

  <style. type="text/css">

   

         .add {

             background-image:url(../resources/ext/add.gif) !important; 

         }

       

  </style>

<script   type="text/javascript"   language="JavaScript"> 

javascript. code!

</script>

 

 

CSS加载正常写法如下：

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

     <head>

    <meta. http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>乐城后台管理</title>

    </head>

<body>

    <style. type="text/css">

   

         .add {

             background-image:url(../resources/ext/add.gif) !important; 

         }

       

  </style>

<script   type="text/javascript"   language="JavaScript"> 

javascript. code!

</script>

</body>

 </html>

 

//--------------------------------------------------------------------------

对以往的问题总结：
1：给button加icon
Css:
.user
{
      background:url(../Teacher/Images/User.gif) no-repeat 1px 2px !important;
}
EXT:
new Ext.Button({
                 text:'User',
                 iconCls:"user",
                 renderTo:'btn',
});
其中！important要加上否则ext原有样式会覆盖自定义！
2：给tabpanel项加icon
Css:
.t1
{
      background:url(../Teacher/Images/User.gif) no-repeat 1px 2px;
}
EXT:
{title:"Tab1",  iconCls:"t1"}
要想更改背景可以设置baseCls方法同上

通过设置css要比加html标记好的多！

希望大家积极把自己的经验与人分享，相互交流学的会更快！