Discuz升级X3.2后搜索框错位的解决方法

今天在操作DISCUZ  X2.5升级到了X3.5发现升级后搜索框错位，我以为是没有更新缓存的问题，然后我更新缓存发现还是不行，这个时候我们就得看看是不是图片和CSS的问题了。下面SEO博客就跟大家来演示下。首先看看是不是图片的问题，如果是图片的问题，你只要用换上X3.2的原版图片就可以了。

路径为：Discuz_X3.0_SC_GBK\upload\static\image\common

错位如图：

还是不行就修改CSS来解决了，DISCUZ 修改css路径：

修改/template/default/common/common.css

1、找到网站目录/template/default/common/common.css文件用记事本打开查找

#scbar { overflow: hidden; height: 42px; line-height: 42px; border-top: 1px solid #FFF; border-bottom: 1px solid #E9EFF5; background: #E8EFF5; }
.scbar_icon_td { width: 21px; background: url({IMGDIR}/search.png) no-repeat 0 -50px; }
.scbar_txt_td, .scbar_type_td { background: url({IMGDIR}/search.png) repeat-x 0 -93px; }
#scbar_txt { width: 400px; border: 1px solid #FFF; outline: none; }
.scbar_narrow #scbar_txt { width: 260px; }
.scbar_btn_td { width: 38px; background: url({IMGDIR}/search.png) no-repeat 8px -142px; }
#scbar_btn { margin: 0; padding: 0; border: none; background: transparent none; box-shadow: none; }
#scbar_btn strong { line-height: 84px; }
.scbar_type_td { width: 61px; background: url({IMGDIR}/search.png) no-repeat 0 -193px; }
#scbar_type { display: block; padding-left: 10px; text-align: left; text-decoration: none; }
#scbar_type_menu { margin-top: -8px; }
#scbar_hot { padding-left: 8px; height: 45px; overflow: hidden; }
#scbar_hot strong, #scbar_hot a { float: left; margin-right: 8px; white-space: nowrap; }

替换成如下

#scbar{height:44px;border:solid #E5EDF2;border-width:0 1px 1px;background:url({IMGDIR}/search.png) repeat-x 0 0;line-height:44px;overflow:hidden;}
.scbar_icon_td{width:50px;background:url({IMGDIR}/search.png) no-repeat 0 -74px;}
.scbar_txt_td,.scbar_type_td{background:url({IMGDIR}/search.png) repeat-x 0 -222px;}
#scbar_txt{width:400px;border:1px solid #FFF;outline:none;font-size:14px;}
.scbar_narrow #scbar_txt{width:260px;}
.scbar_btn_td{width:67px;background:url({IMGDIR}/search.png) no-repeat 0 -296px;text-align:center;}
#scbar_btn{margin:0;padding:0;border:none;background:transparent none;}
.scbar_type_td{background:url({IMGDIR}/search.png) no-repeat 0 -370px;}
#scbar_type{display:block;padding-left:5px;text-align:left;text-decoration:none;}
#scbar_type_menu{margin-top:-8px;}
#scbar_hot{padding-left:8px;height:45px;overflow:hidden;}
#scbar_hot strong,#scbar_hot a{float:left;margin-right:8px;white-space:nowrap;}

注意如果不显示背景图片请修改成绝对地址如下:
例:url(../../template/模板目录/img/search.png)

保存上传到目录，到后台更新缓存和CSS缓存问题就解决。