首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

一个 z-index:2 div层 只留下边框其余中间可触发z-index:1的层解决办法

2012-03-25 
一个 z-index:2 div层 只留下边框其余中间可触发z-index:1的层div1是z-index:1 ,div1 100%显示在body,上面

一个 z-index:2 div层 只留下边框其余中间可触发z-index:1的层
div1是z-index:1 ,div1 100%显示在body,
上面有top left right bottom四个层(z-index:2)遮住了div1,
只留下一个小的 400px*400px 的窗口,供点击(点击div1中的内容),
现在要为这个窗口添加一个边框效果,
我再添加四个div width:1px;来做出效果,
可是高度只能通过JS获取,
这样不是一定要刷新后才会有效,

JScript code
            //获取头部高度        var topHeight=$('#top_userinfo').height();        //获取底部高度        var bottomHeight=$('#footer').height();        //得到中间高度        var midHeight=cliHeight-(topHeight+bottomHeight);        //赋值给左右线条层        //alert(midHeight);        $('#bk_right').css("height",midHeight);                $('#bk_left').css("height",midHeight);

浏览器初始打开不是全屏,再点击浏览器最大化,
左右线条层就不会自适应,要再次刷新。
这可怎么解决?

[解决办法]
探讨

获取到 window.onresize事件貌似可以解决这个问题,可是火狐不能触发,还灰屏了。

热点排行