解决使用了position: relative后,表情框无法调出方法

作者:admin 日期:2007-10-16

字体大小: 小中大

　　在制作三栏皮肤或在layout.css的主体样式中定义了主框架层“position: relative;”后，发现造成PJ的表情框无法弹出了，回想起以前在CSS中加入文字链接下沉效果用到position: relative;就会造成表情框无法调出的，最终找出解决办法，即在editor.css最后加上以下样式：
　　

程序代码

#A_smiley{position: relative;}/*将表情按钮定位类型设为“相对”*/
#UBBSmiliesPanel{z-index:100;}/*将表情框置顶*/

　　然后把 common/ubbcode_ie.js 大约599行和 UBBCode_Gecko.js 大约392行
　　

程序代码

while (tempObj.tagName.toLowerCase()!="body")

　　去掉或注释掉~，即
　　

程序代码

/*while (tempObj.tagName.toLowerCase()!="body")*/

　　这样就可以了，不仅解决了表情框无法调出问题还让皮肤自适应分辨率，再调整typography.css自定义侧栏的宽度，同时支持FF2.0了。

　　尽管表情框可以弹出了，但是会被右侧栏遮住一部分，需要在typography.css自定义侧栏的每个模块的代码中加入 z-index:-100; /*自定义侧栏置底*/

　　relative 属性说明：相对于父层定位，但是不会撑开外边的，子级相对父级绝对

[本日志由 ilank 于 2008-02-21 00:02 AM 编辑]