星期五, 6月 06, 2008

menu control 使用問題

不知大家有沒有再用menu這control..最近有"功課"所以就接觸到這東東..發現..真的有點給他難用..XD..不過話說回來..又懶的去找別的control就拿起來給他用下去..先說幾個問題好了..不知有用過menu control的客官們..有沒有發現這個問題..就是如果有背景的情況下..在ie下看都會多出一個1px的線..一﹏一||..在firefox下就不會..有圖有真相..請看圖..

789

上面這張我背景是紅色的..他就給我這樣跑出來..一﹏一||..很機車..

解決方法:
我google找半天..沒有找到..不知是沒人用還是大家已經放棄它..沒啥跟他有相關的文章..耗了半天..直接去看原始碼找fu..發現一個東東..

<a href="#Menu1_SkipLink"><img alt="略過巡覽連結"
src="/my3.5Extensions/WebResource.axd?d=G06Upaja6_hvLTO69AaDgA2&amp;t=633318514006093750"
width="0" height="0" style="border-width:0px;" /></a>

發現把它去掉..就可以解決問題了..我原本是用javascript去去掉..只是很麻煩..還要寫javascript..所以再跟他耗了一下..找到這屬性SkipLinkText..直接把這設為空值..就解決了..XD..我找好久..

再來還有一個問題..就是HoverStyle這東東..一般來說..如果我們用background單色..都不會有問題..可是一需要用CssClass的background-image: url時..問題就大了..有圖有真相..

1122

它就給我這樣跑出來..一次給兩層..真是OOXX..

解決方法:
發現問題了..因為下面<a>文字</a>的css也繼承上面的..所以..會有兩層..知道這就可以去解決問題了..就是..去除掉a這地方的css就行了..只要加上下面這段就行了
.xxx a { background: transparent; }
.xxx是hover的CssClass..這樣就恢復青春美貌了..Big Grin..

77885

最後還是要complain一下..很多地方不能單獨設定..還是蠻綁手綁腳的..^^..需要javascript去後續處理..痛苦阿..

參考:

沒有留言: