MozTW 討論區
https://forum.moztw.org/

IE的slider在 firefox卻顯示不正確.
https://forum.moztw.org/viewtopic.php?f=13&t=30048
1 頁 (共 1 頁)

發表人:  lindawang [ 2010-04-20, 11:37 ]
文章主題 :  IE的slider在 firefox卻顯示不正確.

這是我在IE8的樣子
在FireFox(3.6)的樣子

***這是html code
document.writeln("<tr>");
document.writeln("<td class='MENU_TITLE'><nobr>&nbsp;" + txtGeneral[13] + "</nobr></td>");
document.writeln("<td class='MENU_VALUE' COLSPAN=2>");
document.writeln("<span class='page' style='cursor:hand' onmouseover=Switch_Bgd(this,'over'); onmouseout=Switch_Bgd(this); onmousedown=Tuning_Val(RGain_slider,-1,'RGain');><img src='/cgi-bin/check.cgi?file=images/left.gif' width='14' height='15' align='absmiddle'></span>");
document.writeln("<span class='Track' id='RGain_track1' style='width:200px; height:9px;'>");
document.writeln("<span id='track1-left'></span><span id='RGain_handle1' style='width:10px; height:15px;'><img src='/cgi-bin/check.cgi?file=images/handle.png' alt='' style='float: left;' /></span>");
document.writeln("</span>&nbsp;");
document.writeln("<span class='page' style='cursor:hand' onmouseover=Switch_Bgd(this,'over'); onmouseout=Switch_Bgd(this); onmousedown=Tuning_Val(RGain_slider,1,'RGain');><img src='/cgi-bin/check.cgi?file=images/right.gif' width='14' height='15' align='absmiddle'></span>");
document.writeln("<input name='RGain' type='text' style='ime-mode:disabled' value='0' size='5' maxlength='5' onKeypress='notsub();' onkeyup='setSliderValue(RGain_slider, this.value);'>");
document.writeln("<SPAN class='VS'>(" + RGain_Min + " ~ " + RGain_Max + ")</SPAN><br>");
document.writeln("</td></tr>");



***在html裡的style
<style type="text/css" media="screen" >

/* put the left rounded edge on the track */
#track1-left {
position: absolute;
width: 5px;
height: 9px;
background: transparent url(/cgi-bin/check.cgi?file=images/slider-left.png) no-repeat top left;
}

/* put the track and the right rounded edge on the track */
/*#track1 { */
.Track{
background: transparent url(/cgi-bin/check.cgi?file=images/slider.png) no-repeat top right;
}

.page{ background-color : #E6F7FF; border:1px solid #87AFD0; padding:0px 3px; font-family:Tahoma; }
/*.page:hover{ background-color : #FFF7E6; border:1px solid #87AFD0; padding:0px 3px; font-family:Tahoma; }*/


</style>


為什麼在IE都正確,在firefox 或是 google chrome都不正確呢? 請各位大大救命唷~ :cry:

發表人:  lindawang [ 2010-04-20, 11:57 ]
文章主題 :  Re: IE的slider在 firefox卻顯示不正確.

我發現我的html檔案裡沒有加這類的東西
<!DOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


若加了這個我的IE,原本可以正確顯示的,也不能正確顯示了...
可是加了, 我的html的風格就變成不是我想要的.....

***若我不加這行,那在IE正常,那該如何讓firefox也正常呢? help~ :roll:

發表人:  rail02000 [ 2010-04-26, 00:55 ]
文章主題 :  Re: IE的slider在 firefox卻顯示不正確.

先移到「問題網站與網頁技術傳教」

如果是你自己撰寫網頁時的問題,不妨提供完整的原始碼或是抓圖,讓其他人可以比較好幫你解決問題。

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/