Tag: 三栏定位 |
  • 1
预览模式: 普通 | 列表
  在制作三栏皮肤或在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 属性说明:相对于父层定位,但是不会撑开外边的,子级相对父级绝对

查看更多...

Tags: 表情框 pjblog 三栏定位

分类:学习 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 22477
  • 1