dojo dijit.Menu的background

摘要:dojo dijit.Menu

因為user反應 dijit menu 選項 有邊框和陰影(user大人的眼睛真是和雪一樣亮~我搓)

 

原因是用了<img src="xxx.jpg"></img>物件

不得己只好拿掉img,直接在div 裡面換成background-image,但是之前一直會有圖形重覆的問題

怎麼調code都調不出來,最後發現dojoType="dijit.PopupMenuItem" 這個東西會去讀之後的<span>或是隨便設的<div>

重點就是在之後的<span></span>裡面有多少字,它會自動弄成符合這個字的寬度,但也就和背景圖大小不合了(dojo會很貼心的把圖片縮小成和字一樣的大小,我們又在外層強迫設定背景圖是原來的大小style="width:189;height:37",於是就產生重覆的圖形= =|

(要我去改 diji menu 元件的css嗎,都什麼時期了,那有空呀,密密麻麻的)

最後因為發現和之後的<span>有關,試了一下這個圖片的寬度差不多是14個字元,就用了小招,補入看不見的&nbsp空白字元

但空白字網頁只會補一個,查了一下,發現原來用<b>包起來就可以多個空白字元的

 <span><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></span>

最後-終於解決了~~喝杯茶