蓝色魔法 » CSS http://www.cunynova.com 蓝色的魔法,永恒的世界. Fri, 13 Aug 2010 22:35:45 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 如何解决Discuz!在Google Chrome中分类选择位置错误的方法. http://www.cunynova.com/2009/09/20/%e5%a6%82%e4%bd%95%e8%a7%a3%e5%86%b3discuz%e5%9c%a8google-chrome%e4%b8%ad%e5%88%86%e7%b1%bb%e9%80%89%e6%8b%a9%e4%bd%8d%e7%bd%ae%e9%94%99%e8%af%af%e7%9a%84%e6%96%b9%e6%b3%95/ http://www.cunynova.com/2009/09/20/%e5%a6%82%e4%bd%95%e8%a7%a3%e5%86%b3discuz%e5%9c%a8google-chrome%e4%b8%ad%e5%88%86%e7%b1%bb%e9%80%89%e6%8b%a9%e4%bd%8d%e7%bd%ae%e9%94%99%e8%af%af%e7%9a%84%e6%96%b9%e6%b3%95/#comments Sun, 20 Sep 2009 16:46:58 +0000 jackhuny http://www.cunynova.com/?p=170 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的怀抱吧.

]]> http://www.cunynova.com/2009/09/20/%e5%a6%82%e4%bd%95%e8%a7%a3%e5%86%b3discuz%e5%9c%a8google-chrome%e4%b8%ad%e5%88%86%e7%b1%bb%e9%80%89%e6%8b%a9%e4%bd%8d%e7%bd%ae%e9%94%99%e8%af%af%e7%9a%84%e6%96%b9%e6%b3%95/feed/ 0 用CSS控制各个组件在页面上的层次. http://www.cunynova.com/2009/02/23/%e5%a6%82%e4%bd%95%e6%8e%a7%e5%88%b6%e5%90%84%e4%b8%aa%e7%bb%84%e4%bb%b6%e5%9c%a8%e9%a1%b5%e9%9d%a2%e4%b8%8a%e7%9a%84%e5%b1%82%e6%ac%a1/ http://www.cunynova.com/2009/02/23/%e5%a6%82%e4%bd%95%e6%8e%a7%e5%88%b6%e5%90%84%e4%b8%aa%e7%bb%84%e4%bb%b6%e5%9c%a8%e9%a1%b5%e9%9d%a2%e4%b8%8a%e7%9a%84%e5%b1%82%e6%ac%a1/#comments Tue, 24 Feb 2009 04:31:02 +0000 jackhuny http://www.cunynova.com/?p=58 现在大家网页越来越丰富, ajax调用,iframe,div提示,div确认等等. 那么多东西在一个页面上难免有”争宠”的时候, 经常有弹出的div确认框被一个下拉菜单挡住的事情发生.  为了让他们分清层次CSS中有个z-index的属性. 用法很简单,给必要的div层加入z-index的css属性例如z-index:10,而z-index后的数字越大说明他的层次越高,那么重要的信息就不会被挡住拉.

]]> http://www.cunynova.com/2009/02/23/%e5%a6%82%e4%bd%95%e6%8e%a7%e5%88%b6%e5%90%84%e4%b8%aa%e7%bb%84%e4%bb%b6%e5%9c%a8%e9%a1%b5%e9%9d%a2%e4%b8%8a%e7%9a%84%e5%b1%82%e6%ac%a1/feed/ 0