about_ background-color

　　今天做了一个鼠标拖拽，动态改变flex 里图片的小功能，用到的几个 ui 插件为：

　　jquery.ui.widget.js

　　jquery.ui.mouse.js

　　jquery.ui.draggable.js

　　jquery.ui.core.js

　　实现了拖拽功能，最意外的是发现了一个background-color  的一个我不知道的作用：

　　给被拖拽的 dom 加一个 background-color  属性，居然可以让 此 dom 的 z 坐标保持最高 ？！

　　可是我不知道原因， 呵呵。 

　　对了，忘记了说明，只限 firefox

　　具体代码如下：

    function init() {
       　　if(swfobject.hasFlashPlayerVersion("10")){
       　　　　　　 var flashvars = {};
            　　　　flashvars.xmlPath = "coffee";
            　　　　flashvars.name    = "coffee";

        　　  var params = false;

       　　   var attributes = {};

             attributes.id = "swf_editer";

        swfobject.embedSWF("../img/swf/PhotoEditer2.swf","editarea","670","690","10.3"
                          ,"../img/swf/playerProductInstall.swf",flashvars,params,attributes);

        $( ".draggable" ).draggable({ revert: true, helper: "clone" });

    }
}
var srcName = "";
function setImgLocal(srcName) {

    bindDroppable();
    this.srcName = srcName ;
}

function changeSwfImg() {
    if(srcName === "" || srcName === null){
        return ;
    }
    var swf = swfobject.getObjectById("swf_editer");
    var dom = {};
    dom.name = srcName;
    swf.FlexManager(dom);
}

function bindDroppable() {
    $( "#swf_editer" ).droppable({
     accept: "#dv_draggables img",
  　　  drop: function( event, ui ) {
   　　　　　　　　　　changeSwfImg();
  　　　　　　　　}
　　 });
}

 

CSS:

.draggable{
    background-color:#ffffff;
}