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

  在制作三栏皮肤或在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 编辑]
文章来自: 收藏
引用通告: 查看所有引用 | 我要引用此文章
Tags: 表情框 pjblog 三栏定位
相关文章:

评论: 0 | 引用: 0 | 查看次数: 22585
发表评论
昵 称:
密 码: 游客发言不需要密码.
验证码: 验证码
内 容:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 关闭 | [img]标签 关闭