您在這裡

主選單樣式跑掉

jade0609's 的頭像
jade0609 在 2013-02-20 (三) 16:10 發表

最近網站做了一些調整,包括把資料轉移到虛擬主機上、更新模組等等

雖然更新模組後整個網站出現一堆問題,我又還原成更新前的樣子

但現在網頁的主選單樣式卻跑掉了,如下圖
1

原本的樣子是
2

我用chorme右鍵>檢查元素查出問題的頁面是\sites\default\files\css裡面哪個css檔在影響之後

去比對之前沒問題的頁面的css發現

有問題的頁面只有下面這一段
.block-nice_menus{line-height:normal;z-index:10;}ul.nice-menu,ul.nice-menu ul{z-index:5;position:relative;}ul.nice-menu li{position:relative;}ul.nice-menu a{display:block;}ul.nice-menu ul,#header-region ul.nice-menu ul{position:absolute;visibility:hidden;}ul.nice-menu li.over ul{visibility:visible;}ul.nice-menu ul li{display:block;}ul.nice-menu:after{content:".";display:block;height:0;clear:both;visibility:hidden;}ul.nice-menu li:hover ul,ul.nice-menu li.menuparent li:hover ul,ul.nice-menu li.menuparent li.menuparent li:hover ul,ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,ul.nice-menu li.over ul,ul.nice-menu li.menuparent li.over ul,ul.nice-menu li.menuparent li.menuparent li.over ul,ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,#header-region ul.nice-menu li:hover ul,#header-region ul.nice-menu li.menuparent li:hover ul,#header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,#header-region ul.nice-menu li.over ul,#header-region ul.nice-menu li.menuparent li.over ul,#header-region ul.nice-menu li.menuparent li.menuparent li.over ul{visibility:visible;}ul.nice-menu li:hover ul ul,ul.nice-menu li:hover ul ul ul,ul.nice-menu li:hover li:hover ul ul,ul.nice-menu li:hover li:hover ul ul ul,ul.nice-menu li:hover li:hover li:hover ul ul,ul.nice-menu li:hover li:hover li:hover ul ul ul,ul.nice-menu li.over ul ul,ul.nice-menu li.over ul ul ul,ul.nice-menu li.over li.over ul ul,ul.nice-menu li.over li.over ul ul ul,ul.nice-menu li.over li.over li.over ul ul,ul.nice-menu li.over li.over li.over ul ul ul,#header-region ul.nice-menu li:hover ul ul,#header-region ul.nice-menu li:hover ul ul ul,#header-region ul.nice-menu li:hover li:hover ul ul,#header-region ul.nice-menu li:hover li:hover ul ul ul,#header-region ul.nice-menu li:hover li:hover li:hover ul ul,#header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,#header-region ul.nice-menu li.over ul ul,#header-region ul.nice-menu li.over ul ul ul,#header-region ul.nice-menu li.over li.over ul ul,#header-region ul.nice-menu li.over li.over ul ul ul,#header-region ul.nice-menu li.over li.over li.over ul ul,#header-region ul.nice-menu li.over li.over li.over ul ul ul{visibility:hidden;}ul.nice-menu li.menuparent ul,#header-region ul.nice-menu li.menuparent ul{overflow:visible !important;}ul.nice-menu li.menuparent ul iframe,#header-region ul.nice-menu li.menuparent ul iframe{display:none;display:block;position:absolute;top:0;left:0;z-index:-1;filter:mask();width:20px;height:20px;}

如果是沒問題的頁面除了上面這一段之外,還會有下面這一段
ul.nice-menu,ul.nice-menu ul{list-style:none;padding:0;margin:0;border-top:0px solid #ccc;}ul.nice-menu li{border:0px solid #ccc;border-top:0;float:left;background-color:#eee;}ul.nice-menu a{padding:0.3em 5px 0.3em 5px;}ul.nice-menu ul{top:1.8em;left:-1px;border:0;border-top:1px solid #ccc;margin-right:0;}ul.nice-menu ul li{width:12.5em;}ul.nice-menu-right,ul.nice-menu-left,ul.nice-menu-right li,ul.nice-menu-left li{width:12.5em;}ul.nice-menu-right ul{width:12.5em;left:12.5em;top:-1px;}ul.nice-menu-right ul ul{width:12.5em;left:12.5em;top:-1px;}ul.nice-menu-right li.menuparent,ul.nice-menu-right li li.menuparent{background:#eee url(/sites\all\modules\nice_menus/arrow-right.png) right center no-repeat;}ul.nice-menu-right li.menuparent:hover,ul.nice-menu-right li li.menuparent:hover{background:#ccc url(/sites\all\modules\nice_menus/arrow-right.png) right center no-repeat;}ul.nice-menu-left li ul{width:12.5em;left:-12.65em;top:-1px;}ul.nice-menu-left li ul li ul{width:12.5em;left:-12.65em;top:-1px;}ul.nice-menu-left li.menuparent,ul.nice-menu-left li li.menuparent{background:#eee url(/sites\all\modules\nice_menus/arrow-left.png) left center no-repeat;}ul.nice-menu-left li.menuparent:hover,ul.nice-menu-left li li.menuparent:hover{background:#ccc url(/sites\all\modules\nice_menus/arrow-left.png) left center no-repeat;}ul.nice-menu-left a,ul.nice-menu-left ul a{padding-left:14px;}ul#nice-menu-1{padding-left:0px;margin-left:20px;margin-top:1em}ul.nice-menu-down{border:0;font-size:0.8em;}ul.nice-menu-down li{border-top:0px solid #ccc;}ul.nice-menu-down li li{border-top:0;}ul.nice-menu-down ul{left:0;}ul.nice-menu-down ul li{clear:both;}ul.nice-menu-down li ul li ul{left:12.5em;top:-1px;}ul.nice-menu-down .menuparent a{padding-right:15px;color:#009;text-decoration:none;}ul.nice-menu-down li.menuparent{background:#fff right center no-repeat;list-style:none;font-size:13px;}ul.nice-menu-down li.menuparent:hover{background:#ccc right center no-repeat;}ul.nice-menu-down li li.menuparent{background:#eee right center no-repeat;}ul.nice-menu-down li li.menuparent:hover{background:#ccc url(/sites\all\modules\nice_menus/arrow-right.png) right center no-repeat;}ul.nice-menu li{margin:0;padding-left:0;background-image:none;}#header-region ul.nice-menu li{margin:0;padding-top:0.1em;padding-bottom:0.1em;background:#eee;}#header-region ul.nice-menu ul{top:1.8em;left:-1px;border:0;border-top:1px solid #ccc;margin-right:0;}#header-region ul.nice-menu ul{top:1.7em;}#header-region ul.nice-menu-down li ul li ul{left:12.5em;top:-1px;}#header-region ul.nice-menu-down li.menuparent{background:#eee url(/sites\all\modules\nice_menus/arrow-down.png) right center no-repeat;}#header-region ul.nice-menu-down li.menuparent:hover{background:#ccc url(/sites\all\modules\nice_menus/arrow-down.png) right center no-repeat;}#header-region ul.nice-menu-down li li.menuparent{background:#eee url(/sites\all\modules\nice_menus/arrow-right.png) right center no-repeat;}#header-region ul.nice-menu-down li li.menuparent:hover{background:#ccc url(/sites\all\modules\nice_menus/arrow-right.png) right center no-repeat;}

但如果我清除網頁的暫存檔之後,資料夾內的css檔都會消失,然後重新讀取網頁後會再跑出新的css檔,但選單都會是不正常的樣子

請問這樣是整個版型都跑掉了嗎?
那我該怎麼做調整呢?

圖片: