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

Banner 圖片無法正常顯示於 IE
https://forum.moztw.org/viewtopic.php?f=13&t=15409		 第 1 頁 (共 1 頁)
發表人:  yjchen [ 2006-08-29, 16:28 ]
文章主題 :  Banner 圖片無法正常顯示於 IE
http://163.21.82.24/~bas/
放在網站最上方的 Banner 圖片在 FireFoX 正常顯示,
但是在 Internet Explorer 卻顯示不正常.

例如:
剛載入頁面, banner 呈現空白. 滾動 scroll bar 來回刷 banner,
就出現了 XD.
發表人:  不惑仔Boohover [ 2006-08-29, 18:37 ]
文章主題 : 
hack ie給#banner定義css height:1px;(依照直覺猜的 :lol: )
發表人:  yjchen [ 2006-08-30, 14:29 ]
文章主題 : 
不惑仔Boohover 寫:
hack ie給#banner定義css height:1px;(依照直覺猜的 :lol: )

哇靠, 這樣也被你 hack 中, 謝謝.
不過這樣 FireFoX 就糗了, 所以我是這樣做的:
代碼:
height: 1px;    /* for IE */
height: 100%;    /* for IE for FireFoX */

雖然這樣就可以了, 但是不知道有沒有其他問題或更好的解答.
還有, 為什麼會有這種問題呢? 我先把本來問題留著, 等待完整的解答.
[/code]
發表人:  不惑仔Boohover [ 2006-08-30, 23:19 ]
文章主題 : 
yjchen 寫:
代碼:
height: 1px;    /* for IE */
height: 100%;    /* for IE for FireFoX */

雖然這樣就可以了, 但是不知道有沒有其他問題或更好的解答.
還有, 為什麼會有這種問題呢? 我先把本來問題留著, 等待完整的解答.
[/code]


要為ie以外的瀏覽器再做處理
代碼:
#banner{height:1px;}/*ie*/
html>body #banner{height:auto;} /*ie以外恢復成自動*/


就說是hack ie了，所以內容會跑掉是ie的bug，一般只要給該元素指定一個尺寸(如height:1px;)就能解決了。
發表人:  風痕影 [ 2006-08-31, 05:41 ]
文章主題 : 
yjchen 寫:
不惑仔Boohover 寫:
hack ie給#banner定義css height:1px;(依照直覺猜的 :lol: )

哇靠, 這樣也被你 hack 中, 謝謝.
不過這樣 FireFoX 就糗了, 所以我是這樣做的:
代碼:
height: 1px;    /* for IE */
height: 100%;    /* for IE for FireFoX */

這樣一來 100% 不就把 1px 的結果蓋掉了嗎 XD？
應該像樓上那樣子分開設定才對 ＠＠"

不過咧，如果 100% 就是你要的結果的話
那其實只要設 height: 100%; 就可以了唷 ^^
正如樓上所說的，其實只要有設高度就會正常啦 ＠＠"

另外，樓上所說的 html>body 這種 "子代選擇器"
在 IE 7 已經支援了，所以...感覺非常 囧
發表人:  不惑仔Boohover [ 2006-09-03, 19:00 ]
文章主題 : 
風痕影 寫:
不過咧，如果 100% 就是你要的結果的話
那其實只要設 height: 100%; 就可以了唷 ^^
正如樓上所說的，其實只要有設高度就會正常啦 ＠＠"

另外，樓上所說的 html>body 這種 "子代選擇器"
在 IE 7 已經支援了，所以...感覺非常 囧


說到這個，柏強大人好像還沒改download那個地方？
發表人:  josesun [ 2006-09-03, 19:52 ]
文章主題 : 
不惑仔Boohover 寫:
說到這個，柏強大人好像還沒改download那個地方？

我沒看到那篇，等等修改。
發表人:  風痕影 [ 2006-09-04, 09:07 ]
文章主題 : 
唉呀，我一直以為只有柏強大大才能改
(因為 "關於本站" 裡寫說 "網站維護等")
完全誤會了呀，真抱歉 XD
發表人:  yjchen [ 2006-09-06, 22:35 ]
文章主題 : 
恩, 就先改成 height: 100%; 吧
發表人:  不惑仔Boohover [ 2006-09-09, 01:12 ]
文章主題 : 
風痕影 寫:

另外，樓上所說的 html>body 這種 "子代選擇器"
在 IE 7 已經支援了，所以...感覺非常 囧


是不是要倒回去用ie only 的selector
代碼:
* html body ...{...}

來hack ie？(還沒注意到ie7是否已修正此bug?) :cry: :) :twisted:

yjchen 寫:
恩, 就先改成 height: 100%; 吧

height:100%目前應該儘量避免用，各家瀏覽器處理方式好像都不盡相同，有點風險。
發表人:  不惑仔Boohover [ 2006-09-09, 15:17 ]
文章主題 : 
風痕影 寫:
yjchen 寫:
不惑仔Boohover 寫:
hack ie給#banner定義css height:1px;(依照直覺猜的 :lol: )

哇靠, 這樣也被你 hack 中, 謝謝.
不過這樣 FireFoX 就糗了, 所以我是這樣做的:
代碼:
height: 1px;    /* for IE */
height: 100%;    /* for IE for FireFoX */

這樣一來 100% 不就把 1px 的結果蓋掉了嗎 XD？
應該像樓上那樣子分開設定才對 ＠＠"

不過咧，如果 100% 就是你要的結果的話
那其實只要設 height: 100%; 就可以了唷 ^^
正如樓上所說的，其實只要有設高度就會正常啦 ＠＠"

另外，樓上所說的 html>body 這種 "子代選擇器"
在 IE 7 已經支援了，所以...感覺非常 囧


上了ie7blog看了一下，好像ie6這個問題仍舊存在於ie7，而在ie7看起來好像可以這樣解決：(未測試)
代碼:
#banner{height:1px;} /*for ie6*/
html>body #banner{height:auto;min-height:1px;} /*for ie7 and non-ie*/


看來是把height轉移到min-height上了 8-) :?
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/