这里有对fckeditor+ext比较熟的吗？我遇到一个比较麻烦的问题。

Question

ext我用的是4.0，旧版本还未知有没这个问题
我在一个强出的Window窗体中，加载fckeditor编辑器，当然可以正常的显示出来了，现在，但是我选择图片上传那个工具条时，强出的浏览图片的那个对话框没在Window窗体的前面！即躺在了窗体后面出了，相当于被窗体给覆盖掉了！这显然是不行的，这个问题，怎么解决呢？才能做点工具栏时，弹出的窗永远在最前面？
我不知道，大家能否理解我上面的意思，如果有个截图就一下子看出来了，也不会说那么多了。
不知道，这个是ext的问题，还是fck的问题，期待有高人能解决，先谢了

Answer 1

你的意思是fck的上传窗口在Ext window的后边吧
这个要改就得改样式了 调下Ext Window的z-index 
其实Ext自身有上传组件的 为什么一定要用fck呢？

Answer 2

是fck编辑器里面有个插入图片的那个功能，当能只能用fck的了
Ext Window 的z-index，是不是只能去改源码了？不改源码有没办法解决？改fck的z-index的配置，行吗？不过，好像，我没找到那里可以改z-index的地方

Answer 3

找不到的话 就从firebug下 查看他们的样式 用js动态的修改窗口的样式 

Answer 4

试了下ext3.0的版本，没有这个问题，看来，又是extjs4.0的bug了，真是头痛，bug真不好改

Answer 5

既然是ext4.0的bug造成的，自然改ext是比较合理的，我把ext-all.css的文件中，关于z-index的样式都找出来了，也试着改了下，发现，无论我怎么改，改大或改小，都没效果，郁闷，可能我改错了，我现在把这些关于z-index样式的css贴出来，有兴趣的同学，帮忙看下怎么改吧，谢了。.x-focus-frame {
position: absolute;
left: 0px;
top: 0px;
z-index: 100000000;
width: 0px;
height: 0px
}.x-mask {
z-index: 100;
position: absolute;
top: 0;
left: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid : DXImageTransform.Microsoft.Alpha ( Opacity = 50 );
opacity: 0.5;
width: 100%;
height: 100%;
zoom: 1;
background: #cccccc
}.x-mask-msg {
z-index: 20001;
position: absolute;
top: 0;
left: 0;
padding: 2px;
border: 1px solid;
border-color: #99bce8;
background-image: none;
background-color: #dfe9f6
}.x-menu-icon-separator {
position: absolute;
top: 0px;
left: 27px;
z-index: 0;
border-left: solid 1px #e0e0e0;
background-color: white;
width: 2px;
height: 100%;
overflow: hidden
}.x-menu-item {
white-space: nowrap;
overflow: hidden;
z-index: 1
}.x-column-header-trigger {
display: none;
height: 100%;
width: 14px;
background: no-repeat left center;
background-color: #c3daf9;
background-image:
url('../../resources/themes/images/default/grid/grid3-hd-btn.gif');
position: absolute;
right: 0;
top: 0;
z-index: 2;
cursor: pointer
}.x-grid-resize-er {
position: absolute;
z-index: 5;
top: 0;
width: 1px;
background-color: #0f0f0f
}.col-move-top,.col-move-bottom {
width: 9px;
height: 9px;
position: absolute;
top: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
z-index: 20000;
background: no-repeat left top transparent
}.x-grid-row-editor {
position: absolute !important;
z-index: 1;
zoom: 1;
overflow: visible !important
}.x-form-item-label {
float: left;
padding: 3px 0 0;
z-index: 2;
position: relative;
font-size: 12px;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
cursor: default
}.x-tab-bar-body {
border-style: solid;
border-color: #99bce8;
position: relative;
z-index: 2;
zoom: 1
}.x-tab-bar-strip-default,.x-tab-bar-strip-default-plain {
font-size: 0;
line-height: 0;
position: absolute;
z-index: 1;
border-style: solid;
overflow: hidden;
border-color: #99bce8;
background-color: #deecfd;
zoom: 1
}.x-tab {
z-index: 1;
margin: 0 0 0 2px;
display: inline-block;
zoom: 1; *
display: inline;
white-space: nowrap;
height: 20px;
border-color: #8db3e3;
cursor: pointer;
cursor: hand
}.x-tab-active {
z-index: 3
}.x-dd-drop-icon {
position: absolute;
top: 3px;
left: 3px;
display: block;
width: 16px;
height: 16px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
z-index: 1
}.x-resizable-handle {
position: absolute;
z-index: 100;
font-size: 1px;
line-height: 6px;
overflow: hidden;
zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid : DXImageTransform.Microsoft.Alpha ( Opacity = 0 );
opacity: 0;
background-color: #fff
}.x-resizable-handle-southeast {
width: 6px;
height: 6px;
right: 0;
bottom: 0;
z-index: 101
}.x-resizable-handle-northwest {
width: 6px;
height: 6px;
left: 0;
top: 0;
z-index: 101
}.x-resizable-handle-northeast {
width: 6px;
height: 6px;
right: 0;
top: 0;
z-index: 101
}.x-resizable-handle-southwest {
width: 6px;
height: 6px;
left: 0;
bottom: 0;
z-index: 101
}.x-resizable-proxy {
border: 1px dashed #3b5a82;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
z-index: 50000
}.x-resizable-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
z-index: 200000;
background-color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid : DXImageTransform.Microsoft.Alpha ( Opacity = 0 );
opacity: 0
}.x-splitter-active {
z-index: 4;
font-size: 1px;
background-color: #b4b4b4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: progid : DXImageTransform.Microsoft.Alpha ( Opacity = 80 );
opacity: 0.8
}.x-docked {
position: absolute;
z-index: 1
}.x-border-region-slide-in {
z-index: 5
}.x-region-collapsed-placeholder {
z-index: 4
}.x-box-scroller-left {
float: left;
height: 100%;
z-index: 5
}.x-box-scroller-right {
float: right;
height: 100%;
z-index: 5
}补充下，由于我是在Window窗体中显示fckeditor的，我用
fckWindow.getEl().getStyle("z-index");//这里值为19001，上面的CSS中的z-index，不管我怎么改，这里值都没变化，很奇怪
fckWindow.getEl().setStyle("z-index", "19001");//这里，我不管怎么设置z-index，fck中，点击上传图片时，弹出的窗口，依然，还是在fckWindow窗口的后面，实在是没办法了，太奇怪了。可能自己对ext机制不熟吧，也不知道怎么改了，有高人知道不？

Answer 6

问题还没解决，我在iteye中，上传了例子，有兴趣的同学，过去看下吧，下载下来，看下，能不能用得起来，顺便练练手，这个例子也很实用，是ext与ckeditor结合，涉及到文本编辑的，都能用到。
ext4.0这个BUG如何修改？

Answer 7

解决了，谢谢各位参与
详见：http://www.iteye.com/problems/71978