2016-03-30 17 views
0

Ich erstelle eine experimentelle Website. Die Seitenbesucheransicht enthält vier eingebettete Elemente. Ich möchte, dass der Benutzer auf eine eingebettete klicken kann, um zur nächsten weiter unten auf der Seite zu gelangen. Hier ist, was ich versucht:Erstellen eines anklickbaren Einbettungs-Tags

<a href="#2"><embed src="index.html" height="1000px" width="1300px"></a> 

<div id="2"><embed src="2.html" height="1000px" width="1300px"></div> 

Und

<a href="#2"><embed src="index.html" height="1000px" width="1300px"></a> 

<embed src="2.html" id="2" height="1000px" width="1300px"> 

In beiden Fällen wird der Link nicht funktioniert. Das eingebettete Tag kann nicht angeklickt werden.

Antwort

0

Das Problem ist, dass Sie Zahlen für ID verwenden, ist es nicht erlaubt, ID als Variablennamen betrachten, so die Regeln, die für Variablennamen gelten hier auch angewendet, ID-Namen beginnend mit Buchstaben wie "ID2" dann wird es funktionieren

...
<a href="#d">this is the link to d</a> 

<div id="d"><embed src="d2.html" height="1000px" width="1300px"></div> 
+0

Ich bin nicht sicher, dass tatsächlich wahr ist ... hier ist es, was W3C sagt die Regeln sind. http://www.w3schools.com/tags/att_global_id.asp Ich habe vorher Zahlen für IDs verwendet. In jedem Fall löst dies das Problem nicht: Ich brauche einen Link, um die Einbettung zu umhüllen, damit die Einbettung angeklickt werden kann. Wenn ich die Einbettung in eine Verknüpfung einpacke, kann die Einbettung nicht angeklickt werden. – Frisby

1

entdecken ich das gleiche Problem tritt mit dem Objekt-Tag und fand die Lösung hier: make an html svg object also a clickable link

die einbetten muss pointer-events: none; und der Anker-Tag eingestellt werden muß, um display:inline-block; Meine letzten eingestellt wird Code ist:

<style type="text/css"> 
embed{ 
    pointer-events: none; 
} 

a{ 
    display:inline-block; 
} 
</style> 

und

<a href="#2"><embed src="index.html" id="1"></a> 

<embed src="2.html" id="2">