首頁 »
2011/03/30

Dreamweaver的Menu和IE7.0的不合...解決辦法

話說我們的設計師向我求救Menu在IE7.0無法正常顯示,

心想這又是套裝軟體惡搞不會寫程式的人吧,

接著用10分鐘分析了一下功能部份,

原來兇手就是它mm_menu.js;

由於這是用Javascript直接寫到頁面的方式,

我也無法直接去除錯,接著只能用alert的方式將輸出結果印出來,

哇一大堆的DIV
<div style="position:absolute;z-index:1;left:10px;top:0px;color:#086793;">
<div style="position:absolute;z-index:1;left:0px;top:0px;"> <div id="menuFg0" style="position:absolute;left:0px;top:0px;"><div id="menuItem0" style="position:absolute;left:0px;top:0px;font-weight:plain;fontSize:12px;"><div id="menuItemText0" style="position:absolute;left:4px;top:2px;color:#000000;"><div id="menuItemShim0" style="position:absolute;left:0px;top:0px;"><div align="left">簡介</div></div>&nbsp</div><div id="menuItemHilite0" style="position:absolute;left:4px;top:2px;color:#ffff66;visibility:hidden;">
<div id="menuItemShim0" style="position:absolute;left:0px;top:0px;">
<div align="left">簡介2</div></div>&nbsp</div></div></div></div></div>

經過幾番測試,最後終於想到一個好辦法,

就是在最面加個TABLE看看,果然文字馬上就乖乖變成水平的,

方法就是改
第176行 item = '<div align="' + menu.menuItemHAlign + '" style="writing-mode: tb-rl; ">.........

變 成item = '<div align="' + menu.menuItemHAlign + '" style="writing-mode: tb-rl; "><table width="90px" border="0" cellpadding="0" cellspacing="0" ><tr><td>' + item + '</td></tr></table></div>';

馬上在IE7.0測試,Menu正常顯示,完成收工~哈。

關鍵字: 求救 乖乖

首頁│ 下一篇→javascript對下拉列表框(select)的操作
本文引用網址: