[IMG][IE6/7] 圖像標籤跨瀏覽器解析:圖像下方產生間隙


引用

引用此文章特定的 URI (網址)
    沒有引用

迴響

迴響顯示方式 (直線程 | 分線程)

    這個問題也可以參考下面這篇文章的解說:

    http://mepopedia.com/forum/read.php?804,17462

    另外,如果這個問題和「跨瀏覽器」有關的話,建議也請說明這個問題在不同瀏覽器上不同的地方。如此對這個問題可以有更深入的了解。同時,如果和「跨瀏覽器」沒有關係會話,可能也不用強調這個問題是屬於跨瀏覽器的問題。

    目前有一個可以觀察的例子是這個頁面(六~七世紀漢語文化圈的印度佛教思潮-國科會哲學學門人才培育計畫):

    http://buddhica.nccu.edu.tw/

    這個頁面 (或網站) 在 IE 瀏覽器中 (應該是 IE6~IE8 都有) 有水平導覽列圖片下方有空隙的問題,而在其他瀏覽器中似乎就沒有。我想這可能是個可以著手的地方。當然,這個空隙問題也不一定是和圖片標籤有關。這一點就需要進一步的分析。

    最後,這個問題應該是和「圖片(或圖像)標籤」有關,而不是「圖像屬性」。
    #1 HP (網址) 於 2012-02-10 19:44 (回覆)
    經過許久的調查後發現,原來問題差異是在「Doctype] 的宣告上。

    如果是用 standard 的宣告,則只有在 IE 舊瀏覽器上會有問題,如果宣告成「HTML5」,則在幾乎所有的瀏覽器上會有「圖片下方空隙」的問題。

    可參考以下網頁的「Almost standards mode」:

    http://en.wikipedia.org/wiki/Quirks_mode#Almost_standards_mode


    另外,底下這個文章也有提及相關問題(此文主要是介紹「DOCTYPE」):

    http://www.fantxi.com/blog/archives/browser-mode/
    #2 HP (網址) 於 2012-02-13 16:09 (回覆)

新增迴響


Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA