解决使用了position: relative后,表情框无法调出方法
作者:admin 日期:2007-10-16
在制作三栏皮肤或在layout.css的主体样式中定义了主框架层“position: relative;”后,发现造成PJ的表情框无法弹出了,回想起以前在CSS中加入文字链接下沉效果用到position: relative;就会造成表情框无法调出的,最终找出解决办法,即在editor.css最后加上以下样式:
然后把 common/ubbcode_ie.js 大约599行 和 UBBCode_Gecko.js 大约392行
去掉或注释掉~,即
这样就可以了,不仅解决了表情框无法调出问题还让皮肤自适应分辨率,再调整typography.css自定义侧栏的宽度,同时支持FF2.0了。
尽管表情框可以弹出了,但是会被右侧栏遮住一部分,需要在typography.css自定义侧栏的每个模块的代码中加入 z-index:-100; /*自定义侧栏置底*/
relative 属性说明:相对于父层定位,但是不会撑开外边的,子级相对父级绝对
程序代码
#A_smiley{position: relative;}/*将表情按钮定位类型设为“相对”*/
#UBBSmiliesPanel{z-index:100;}/*将表情框置顶*/
#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 属性说明:相对于父层定位,但是不会撑开外边的,子级相对父级绝对
- 1