目前網站的頻道選單,除了主選單之外還有第二層子選單動態展現,你可以用Flash來表現,但有維護上的issue,而目前主流的做法,可以使用CSS來表現。
然而,若客戶要求跨瀏覽器支援IE6的話, ‹li›tag在CSS hover的設定上卻不被支援。這個時候可以使用html component檔 -- csshover.htc來補強。(詳細資料google就可了解)。
這次專案的製作需求,客戶要求選單+子選單要動態呈現,因此有機會實作這個效果。然而在webserver的解譯執行上,IIS及TOMCAT都能順利呈現所需效果,然而在WEBLOGICAL上卻無反應,雖然有正確設定htc檔連結路徑卻仍無反應。
這是因為WEBLOGICAL需要在web.xml增加下列宣告:
‹mime-mapping›
‹extension›
htc
‹/extension›
‹mime-type›
text/x-component
‹/mime-type›
‹/mime-mapping›
如此即可順利在IE6上正常顯示!!
參考網頁:
http://www.xs4all.nl/~peterned/csshover.html
http://www.hoeben.net/node/33