js 弹窗 堆叠层 百度文本编辑器遮挡弹出层

JavaScript06

js 弹窗 堆叠层 百度文本编辑器遮挡弹出层,第1张

divWindow.js里面的方法

DivWindow.prototype.popupShow=function(){

var element=document.getElementById(this.popup)

element.style.position = "absolute"

element.style.visibility = "visible"

element.style.display= "block"

element.style.width=this.width

element.style.height='auto'

//element.style.height=this.height

element.style.left = 100+"px"

element.style.top =100+"px"

//element.style.top =150+"px"

element.style.zIndex= 9999//主要更改地方

}

ps：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。之前是因为你的z-index比umeditor里面的div的z-index的值小

①数据分成两部分，剩余部分放在一个JSON里，数据少的话可以放在js代码里。

②实现4列布局，建立几个ul作为页面起初的数据显示。

③通过判断最后一个li距离浏览器窗口的距离，触发函数将JSON中的数据以ul的形式遍历添加到页面中。