簡體   English   中英

HTML錨點在IE9中無法正常工作

[英]Html anchors not working correctly in IE9

我的公司目前使用的是這個骯臟的html,問題是超鏈接或錨點在IE8中起作用,但在IE9中卻不起作用,為什么在IE9中不起作用? 基本上,它只是單擊鏈接,然后應將焦點放在id上,例如當我單擊專業時,我看到URL會像這樣變化

file:///C:/Users/TestUser/Desktop/test.html#c3

現在在IE8中,當我點擊時,它會正確轉到該部分#c3

那么這段代碼在IE9中也不起作用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<p id="titleC"><a href="#c3">Specialty</a></p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<p id="#c3">Did it work?</p>
<p>Then your code is wrong</p>
</body>

哈希是問題所在:

<p id="c3">Did it work?</p>

(沒有哈希)應該可以。

也許你應該使用

<a id="c3" name="c3">Did it work?</a>

出於兼容性原因。

您的所有屬性都需要但必須用單引號或雙引號引起來。 對於html中許多不正確的行之一

<P id=#titleQ class=style1>

應該

<P id="#titleQ" class="style1">

遇到相同的問題,根據我的經驗,在IE9上,錨標記<a>無法識別其他<a>標記以外的其他元素的ID或名稱,因此,一種變通方法是,您可能想添加一個空的<a>要鏈接到的元素上方的標簽鏈接,如下所示:

<body>
    <p id="titleC"><a href="#c3">Specialty</a></p>
    ...
    <a id="c3" name="c3"></a>
    <p>Did it work?</p>
    <p>Then your code is wrong</p>
</body>

嘗試添加此元標記,也許可以解決該問題:

<meta http-equiv="X-UA-Compatible" value="IE=8">

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM