MozTW 討論區 • 檢視主題 - Banner 圖片無法正常顯示於 IE

所有顯示的時間為 UTC + 8 小時

Banner 圖片無法正常顯示於 IE

第 1 頁 (共 1 頁)

[ 11 篇文章 ]

列印模式	上一個主題 \| 下一個主題

發表人

內容

yjchen

文章主題 : Banner 圖片無法正常顯示於 IE

發表於 : 2006-08-29, 16:28

http://163.21.82.24/~bas/
放在網站最上方的 Banner 圖片在 FireFoX 正常顯示,
但是在 Internet Explorer 卻顯示不正常.

例如:
剛載入頁面, banner 呈現空白. 滾動 scroll bar 來回刷 banner,
就出現了 XD.

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

不惑仔Boohover

文章主題 :

發表於 : 2006-08-29, 18:37

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

hack ie給#banner定義css height:1px;(依照直覺猜的 :lol:

)

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322; InfoPath.1)

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]

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

不惑仔Boohover

文章主題 :

發表於 : 2006-08-30, 23:19

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

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;)就能解決了。

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

風痕影

文章主題 :

發表於 : 2006-08-31, 05:41

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

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 已經支援了，所以...感覺非常囧

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

不惑仔Boohover

文章主題 :

發表於 : 2006-09-03, 19:00

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

風痕影寫:

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

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

說到這個，柏強大人好像還沒改download那個地方？

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

josesun

文章主題 :

發表於 : 2006-09-03, 19:52

註冊時間: 2004-09-17, 18:02
文章: 1913
來自: MSB, MND

不惑仔Boohover 寫:

說到這個，柏強大人好像還沒改download那個地方？

我沒看到那篇，等等修改。

_________________
吟風齋

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

風痕影

文章主題 :

發表於 : 2006-09-04, 09:07

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

唉呀，我一直以為只有柏強大大才能改
(因為 "關於本站" 裡寫說 "網站維護等")
完全誤會了呀，真抱歉 XD

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

yjchen

文章主題 :

發表於 : 2006-09-06, 22:35

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

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

不惑仔Boohover

文章主題 :

發表於 : 2006-09-09, 01:12

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

風痕影寫:

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

是不是要倒回去用ie only 的selector

代碼:

* html body ...{...}

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

yjchen 寫:

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

height:100%目前應該儘量避免用，各家瀏覽器處理方式好像都不盡相同，有點風險。

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

不惑仔Boohover

文章主題 :

發表於 : 2006-09-09, 15:17

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

風痕影寫:

yjchen 寫:

不惑仔Boohover 寫:

hack ie給#banner定義css height:1px;(依照直覺猜的 :lol:

)

哇靠, 這樣也被你 hack 中, 謝謝.
不過這樣 FireFoX 就糗了, 所以我是這樣做的:

代碼:

height: 1px;    /* for IE */
height: 100%;    /* for IE for FireFoX */

上了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-)

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

第 1 頁 (共 1 頁)

[ 11 篇文章 ]

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員和 5 位訪客

您不能在這個版面發表主題
您不能在這個版面回覆主題
您不能在這個版面編輯您的文章
您不能在這個版面刪除您的文章
您不能在這個版面上傳附加檔案

前往 :