設計講義logo.gif

最近在網頁加入錨點時發現

同樣的語法在firefox中可以正常顯示,但在IE中卻失效

在網海中尋找與不斷的測試後

終於發現解決之道,竟然就在細節裡

錨點語法的使用是

在欲加入錨點的地方加入以下語法

<a name="錨點名稱"></a>

然後在於連結處加入連結錨點語法

<a href="#錨點名稱"></a>

如果要連到其他網頁內的錨點,則語法為

<a href="...網頁名稱.html#錨點名稱"></a>

原本的概念中錨點就是這麼用的很簡單

不過最近在做網頁時卻發現錨點在IE中會失效,但在FF中卻正常

這讓我百思不得其解,Google大神也搜尋到好幾層了也沒有發現明確的解法

後來在一個小論壇某位網友的回覆中發現的問題的癥結

先來想想錨點設計最原始的初衷

就是在要文章中透過超連結迅速地移到相關段落

所以既然是文章就一定會有字

問題的解答就出來了

在錨點的標籤中一定要有字元

最近因為偷懶偷很大,直接將文字通通變成圖

所以整個網頁中沒有半個字

插入一個空錨點,而這種語法IE無法辨識所以錨點就失效了

但是如果一定要有字元也很麻煩

像我的網頁都是圖,如果非得要有字元又得想辦法讓字元不被看到

其實空白也是字元,所以在錨點內置入空白鍵也是可以達到效果

如果你的網頁也都是圖或是你想前往的錨點位置就是一張圖

那你的錨點語法就要這麼寫

<a name="錨點名稱"> </a>

沒錯就是一個小空白鍵

就可以讓空白錨點在IE中起死回生了

 

arrow
arrow
    全站熱搜

    fennser 發表在 痞客邦 留言(2) 人氣()