Anker-tag funktioniert nicht im IE

Habe ich eine einfache Anker-tag in meine Seite, das funktioniert mit Chrome, Safari und Firefox außer für den IE. Ich habe den IE11.

Basierend auf verschiedenen Kommentaren online habe ich versucht, alles, was von display: block; Angabe von text in den Anker-tag.

Hier ist mein code:

<div id="top" style="display: block;">&nbsp;</div>
<section class="prices-wrapper">
    <div class="content">
        <div class="prices left">
  • Was ist das eigentliche problem?
  • Im IE wenn ich auf den link Klick soll mich zu einer bestimmten Stelle auf der Seite, es dauert mir zu der oben auf der Seite statt. Es funktioniert auch auf anderen Browsern.
  • Es gibt keinen Anker (<a>) tag in diesem code.
  • Also versuchte ich, <a id="top" style="display: block;">&nbsp;</a> und immer noch das gleiche problem angezeigt wird.
  • Es gibt keinen link in der Anker-tag
  • Weißt du... Es wäre hilfreich, wenn Sie geschlossen Ihre <div> tags...
  • Habe ich nur eingefügt, der Obere Teil des HTML. Sie haben in der schließenden tags.
  • Auch das section-tag wird nicht unterstützt, in IE11. Es ist nur unterstützt, soweit IE 9.
  • <section class="Preise-wrapper"> <div class="content"> <div class="Preise left"> <h3></h3> </div> </div> </section>
  • <a id="top" style="display: block;">&nbsp;</a> <section class="Preise-wrapper"> <div class="content"> <div class="Preise left"> <h3></h3> </div> </div> </section>
  • wirklich? w3c schlägt vor, die Unterstützung für Sie erschien nur im IE9.
  • Ja, dass ist es, was ich meinte. Sorry. @TZHX
  • Überprüfen Sie heraus diesen link, der auch browser-Unterstützung für den <section> tag. w3schools.com/tags/tag_section.asp

InformationsquelleAutor alicewilliam86 | 2015-01-22
  1. 2

    Diese nur wenig mich, zu: "top" ist offenbar ein reserviertes Wort in Internet Explorer. In anderen Worten, wird dies nicht im IE funktioniert:

    <p><a name="top">My Top Section</a></p>
...
<p><a href="#top">Jump to top</a></p>

    aber das wird:

    <p><a name="up">My Top Section</a></p>
...
<p><a href="#up">Jump to top</a></p>

    ... und ja, die nur Unterschied zwischen denen ist, die den Namen des Ankers ein.

    InformationsquelleAutor Martha
  2. 1

    Sollten Sie verwenden <a name="top"></a> als Ihr Anker, dann link wie: <a href="#top">Go to top</a>.

    Beachten Sie, dass Sie sollten die name Attribut des ersten Anker-tag ein, nicht die id wie du auf das div in deinem Beispiel.

    Komplettes Beispiel, getestet in IE 11.0.9600.17498 und wie beabsichtigt funktioniert:

    <html>
<body>
<a name="top"></a>
<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 />

<a href="#top">click</a>
</body>
</html>
    • Ich habe versucht Namen zu und es funktioniert nicht nur im IE <a name="top" style="display: block;">&nbsp;</a> Der link ist im code festgelegt dahinter: tabs.Href = tab.Pfade.Pfad + "#top";
    • Einfach #top ohne irgendetwas anderes.
    • Ich habe versucht, gerade das hinzufügen von #top und tatsächlich dauerte es mir, wo ich gehen wollen. Das problem ist, ich muss hinzufügen, einen Pfad vor dem #oben da bin ich dem Wechsel zu einer anderen Registerkarte in der Seite. Könnte es sein, dass wenn die Seite, die Beiträge zurück und erfrischt, die #top-Anker verloren? @TZHX
    • haben Sie tatsächlich versuchen, Ihren Vorschlag? Weil mit dem spezifischen Namen top wird verhindern, dass der Anker von der Arbeit in Internet Explorer.
    • Ich wollte versuchen es, ja. Vor zwei Jahren.
    • Und wieder, jetzt, in der version 11.0.9600.18538 -- und es funktioniert immer noch wie beabsichtigt, soweit ich das sehen kann.

    InformationsquelleAutor TZHX
  3. 1

    Ich hatte das gleiche Problem und (durch Zufall mehr als alles andere!) entdeckt wenn Sie die Anzahl der id-tag-es funktioniert! Also für deinen code:

    <div id="1-top" style="display: block;">&nbsp;</div>

    Hoffe, dies hilft jemand!

    InformationsquelleAutor Sarah Rainbow
Schreibe einen Kommentar