在這次開發的Framework內,引用了SiteMesh和Struts-Menu,而SiteMesh的範例是引用Maven的Struts2的quickstart,該quickstart的頁面佈局是用一套叫A CSS Framework寫成的,有自己的CSS檔;而Struts-Menu的自訂標籤也自己的CSS檔,造成畫面不如預期。
頁面布局不外乎有Header、Navigation、Content和Footer等區域,所以這兩個Framework的CSS設定也無巧不巧都採取相同的命名,特別是<body>和<div id="context">,而CSS通常採用base路徑取得自己需要的圖檔,往往就需要在JSP設定<base>標籤或是Struts1的<html:base/>才能work。也因此終找到讓A CSS Framework和Struts-Menu共同work的解法,也就是在Struts-Menu提供的global.css檔裡,註解掉以下的內容,因為A CSS Framework也有相同的設定:
/* body { ul.glassList { div#header { |
body、div#content和div#header均需註解。
留言列表