MozTW 討論區 https://forum.moztw.org/ |
|
[小發現]Firefox 的網頁怪癖模式也挺怪的 https://forum.moztw.org/viewtopic.php?f=13&t=15146 |
第 1 頁 (共 1 頁) |
發表人: | wini [ 2006-08-08, 00:50 ] |
文章主題 : | [小發現]Firefox 的網頁怪癖模式也挺怪的 |
同樣用 XHTML 1.0 Strict ,但是網頁若只寫 代碼: <SCRIPT language="JavaScript"src="xxx"> 的話, Fx 1.5.x 沒問題,在 Opera 9.0 跟 IE 6.0 上,就會造成該段以下看不見的錯誤,非得 代碼: <script language="JavaScript"src="xxx"></script>
才能讓所有的瀏覽器都看見呀。 (一點小發現,分享一下,有需要範例頁的請說一聲。) |
發表人: | 風痕影 [ 2006-08-08, 01:37 ] |
文章主題 : | |
真有趣 @@ 一直都沒發現有這回事兒呢... 因為我一直都習慣加上 </script> XD 所以養成寫結束標籤的習慣是件好事 ^^ ( ← 奇怪的推理 ) |
發表人: | MilchFlasche [ 2006-08-08, 04:30 ] |
文章主題 : | |
我不懂網頁設計,不過我聽不太懂,XHTML不是本來就都要寫結束標籤,或者至少也要寫成這樣: 代碼: <script src="..." />
嗎?難道Firefox反而這時候可以容錯了喔? ![]() |
發表人: | parisian [ 2006-08-08, 06:16 ] |
文章主題 : | |
wini 寫: 同樣用 XHTML 1.0 Strict ,但是網頁若只寫
代碼: <SCRIPT language="JavaScript"src="xxx"> 的話, Fx 1.5.x 沒問題,在 Opera 9.0 跟 IE 6.0 上,就會造成該段以下看不見的錯誤,非得 代碼: <script language="JavaScript"src="xxx"></script> 才能讓所有的瀏覽器都看見呀。 (一點小發現,分享一下,有需要範例頁的請說一聲。) 佩服wini的愛因斯坦精神,這還真不是一般人所能發現。在我的直覺認知上,總認為只有IE才能接受一些有頭無尾的怪怪寫法,沒想到FX也會… |
發表人: | wini [ 2006-08-08, 12:45 ] |
文章主題 : | |
parisian 寫: 佩服wini的愛因斯坦精神,這還真不是一般人所能發現。在我的直覺認知上,總認為只有IE才能接受一些有頭無尾的怪怪寫法,沒想到FX也會…
其實是因為我之前拿到 JS 源碼時沒看清楚,所以忘了貼上結束標籤,結果心血來潮用 IE 和 Opera 看時才發現問題的。 更久以前,好像還有 CSS 的 代碼: <style="text/css"> </style> 還是 代碼: <style="css/text"> </style> 也可以被 Firefox 給解讀成正確的 代碼: <style type="text/css"> </style>
顯示結果的樣子。(抱歉年代久遠,一時找不到是怎樣寫的了。) 總之平時多用不同瀏覽器來看果然比較穩定呀。(汗) 另外好像不管是 XHTML 還 HTML , script 都是要有始有終的就是,只不過 IE 好像不認 <script /> ,我也不寫 JS 的,所以不清楚 <script /> 到底算不算正確啦,不過從 script 的用途來看,應該是不能這樣子寫的。 ---- 話說 script 好像也要用 type 屬性的樣子,可惜不知道怎麼用才好呀……總之先不管了。 |
發表人: | 風痕影 [ 2006-08-09, 05:09 ] |
文章主題 : | |
wini 寫: 話說 script 好像也要用 type 屬性的樣子,可惜不知道怎麼用才好呀……總之先不管了。
是 type="text/javascript" 順帶一提,我曾經遇過 IE 和 Fx 讀到的原始碼不同 的問題 後來才發現 Fx 好像會自動把少了後面那個角括弧的標籤自動補齊 看來 Firefox 還是會容錯的呀 ^^ |
發表人: | wini [ 2007-10-07, 21:45 ] |
文章主題 : | |
最近寫網頁又發現 Fx 的怪癖,有興趣的可以測測。(我是寫 blogger 時發現的) DOCTYPE XHTML 1.0 Strict 代碼: <fieldset>
<legend>文字<legend> <p> 內容 </p> </fieldset> 其中的 legend 雖然寫錯成兩個起始標籤,不過在 Fx2 上卻是顯示正常,但是換了 Opera9 跟 IE6 一看就會發現有問題了。(我本來一開始還在想是不是 IE6 對 legend 支援有問題,不過 Op9 也一樣就沒得懷疑了。) |
發表人: | GlinX [ 2007-10-09, 17:19 ] |
文章主題 : | |
補一個最近在寫 AJAX 發現的 將 tr 組件以 JavaScript 插入 table 後 再將該 tr 組件移除時 會留下一小段空白 (可能是邊界所留下的) IE6 沒這問題.... |
發表人: | 不惑仔Boohover [ 2007-10-13, 21:25 ] |
文章主題 : | |
今天特別測試了一個 CSS,因為好像愈來愈多人用來 clear floating(雖然它還是有些其他麻煩問題,我是不得已才用),簡單例子如下(not for ie): xhtml 代碼: <ul class="nav"> <li>...</li> <li>...</li> .... </ul> css 代碼: li{float:left;}
ul.nav:after{ content:"."; display:block; clear:both; line-height:0; height:0; overflow:hidden; /*其實到此為止就可以讓「.」不顯示了,不過只有 fx 硬是會出現,但不會佔據高度,所以還要加*/ visibility:hidden; } 而如果 :after 換成 :before ,不需要 visibility:hidden; 就不會顯示了,真是怪。 |
發表人: | 不惑仔Boohover [ 2007-10-13, 21:42 ] |
文章主題 : | |
wini 寫: 代碼: <fieldset> <legend>文字<legend> <p> 內容 </p> </fieldset> 其中的 legend 雖然寫錯成兩個起始標籤,不過在 Fx2 上卻是顯示正常,但是換了 Opera9 跟 IE6 一看就會發現有問題了。(我本來一開始還在想是不是 IE6 對 legend 支援有問題,不過 Op9 也一樣就沒得懷疑了。) 依照 W3C 原意,legend 就像是某一個 fieldset 的標題,所以也就像是 table 裡的 caption ,應當一個 fieldset 僅能有一個 legend ,而上面的錯誤有可能被瀏覽器判斷成1個以上的 legend 吧,我猜想的。 ![]() 不過,我先前曾測試過比較有趣的是:如果以 CSS 指定 legend物件,float 或是 position:absolute; 在 fx 完全無效,但 ie 有效,其它我還沒試。 |
發表人: | tszkin [ 2007-10-14, 01:01 ] |
文章主題 : | |
代碼: <SCRIPT language="JavaScript"src="xxx">
本身就是錯的 ![]() |
發表人: | 不惑仔Boohover [ 2009-05-28, 18:57 ] |
文章主題 : | flash 指定 CSS border 會在背後的內側 - 又發現怪問題 |
flash 指定 CSS border 會在背後的內側 - 又發現怪問題 網頁內的 flash ,不論是以 object 或 embed 元素加入,再以 CSS 指定 border ,像似 代碼: object {border:20px solid yellow;} <object data="xxx.swf" type="application/x-shockwave-flash" width="xxx" height="xxx"> <param name="movie" value="xxx.swf"/> <param name="wmode" value="transparent"/> </object> 依據 CSS Box Model , border 應該向外增加寬度及高度,除了 firefox 有問題,其它瀏覽器都是向外擴增。 可能因為這個原故,加 padding 也將沒作用。 代碼: object {border:20px solid yellow; padding:20em;}
我原本以為 firefox 沒辦法在這種元素加 border ,無意間用了一個有透明區域的 flash 動畫,再加 border ,結果 border 離奇的出現在動畫背面。也就是說 border 是有,但是卻不是向 object 或 embed 的外部增加,而是向內加入,且出現在背面。 這種狀況我試了,似乎只會出現在 flash ,如果 image 或其它 type ,就會正常向外增加 border 。 目前解決方式:無。 只能考慮在外層加 div 或其它元素指定 border 。 |
第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |