蓝色魔法

蓝色的魔法,永恒的世界.

如何解决Discuz!在Google Chrome中分类选择位置错误的方法.

九月20

2个方法修改, 第一找到你的风格目录下的 “templates/风格名字/css_append.htm” 在里面查找.float_typeid ul替换成下面的代码,如果找不到直接在插入以下代码就可以了. (此方法只修改你指定的风格,其他风格如果需要也要做同样修改.)

.float_typeid ul{ margin: -22px 0 0; border: 1px solid {HIGHLIGHTLINK}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% -20px;left:320px; }

方法2: 在 “templates/default/css_common.htm” 里找到.float_typeid ul然后添加红字部分. (此方法修改所有风格,包括默认. 如果对某个风格无效请用方法1对此风格进行单独修改.)

.float_typeid ul{ margin: -22px 0 0; border: 1px solid {HIGHLIGHTLINK}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% -20px;left:320px; }

不要忘了去后台界面-风格管理里更新CSS缓存哦.

编者注: 其实Chrome对Discuz的支持还是不够, 虽然之前Google宣称解决了很多对Discuz兼容性的问题. 也不知道是Discuz写的不够标准还是Chrome的引擎为了速度放弃了兼容. 就编者所知道的Discuz7在Chrome里的Bug有管理帖子时AJAX置顶,分类等都无法正常显示只显示选中x贴然后内容就消失了,还有几个其他bug但是一时想不起来了. 希望Discuz能联合Chrome一起做出努力, 不过再那之前我们还是回到IE和Firefox的怀抱吧.

用CSS控制各个组件在页面上的层次.

二月23

现在大家网页越来越丰富, ajax调用,iframe,div提示,div确认等等. 那么多东西在一个页面上难免有”争宠”的时候, 经常有弹出的div确认框被一个下拉菜单挡住的事情发生.  为了让他们分清层次CSS中有个z-index的属性. 用法很简单,给必要的div层加入z-index的css属性例如z-index:10,而z-index后的数字越大说明他的层次越高,那么重要的信息就不会被挡住拉.

posted under CSS, HTML | No Comments »