官方首页 | 无图版 | BBS首页
PJBlog2最新版本下载|升级包(2007.12.23) Bo-Blog V2.1.0 到 PJBlog 2.7 的转换程序 WP 2.3 到 PJ 2.6/2.7 的转换程序 手把手教您在PJForum上传图片
PJBlog技术支持论坛使用问题总索引 手术式讲解视频教程如何制作 PJblog2.7.05终极资源包电驴免费下载 风格使用区-HOT! 凤凰行动开始!
发新话题
打印

★解决使用了position: relative后,表情框无法调出方法──★PJ风格制作入门⑩

本主题由 anson 于 2008-2-23 00:30 解除精华

★解决使用了position: relative后,表情框无法调出方法──★PJ风格制作入门⑩

  在制作三栏皮肤或在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

TOP

发新话题