Browserübergreifende href innerhalb von href?

Question

Ich habe css aussehen wie unten

ul.sometclass li a {

display:inline-block;
}

mein html sieht so aus

<ul class="someclass">
<li>
  <a href="outertest.html">outer test 

         <div style="display:inline; float:left;overflow: hidden;">
                   <a href="innertest.html"><div style="display:inline; float:left;">inner test</a>
                   <a href="innertest.html"><div style="display:inline; float:left;">inner test</a>
        </div>
   </a>
</li>
</ul>

1.für Cross-Browser-Unterstützung, ist es ok, href innerhalb von href zu verwenden?
2. ist mein ul.someclass li a innerlich wirken a_href ? scheinen zu mir, es beeinflussen und auf Firefox, auch wenn ich als inline setzen, es als Block rendern. auf ie ist ok

Answer 1

für Cross-Browser-Unterstützung, ist es ok, href innerhalb von href zu verwenden?

Nein, definitiv nicht. Verschachtelt <a> Elemente sind ungültig und schreien nach Ärger.

Sie sollten zuerst dieses Problem beheben, bevor Sie versuchen, andere Probleme zu beheben, die möglicherweise damit zusammenhängen.

Answer 2

Sie sollten keine Elemente auf Blockebene innerhalb von Inline-Elementen verschachteln (z.B. div verschachtelt in einem a href-Element)

Answer 3

Um ein verschachteltes a zu haben, nehmen Sie bitte die folgenden Änderungen vor ....

Sie müssen das verschachtelte a in ein object Tag.

<ul class="someclass">
<li>
  <a href="outertest.html">outer test 

         <div style="display:inline; float:left;overflow: hidden;">
                   <object><a href="innertest.html"><div style="display:inline; float:left;">inner test</a></object>
                   <object><a href="innertest.html"><div style="display:inline; float:left;">inner test</a></object>
        </div>
   </a>
</li>
</ul>

Answer 4

Wenn Sie den gleichen Effekt erzielen wollen, könnten Sie etwa so vorgehen:

<div class="outer">
   <a ... /a>
</div>
<a class="floatLink" ... /a>

Mit einer geschickten Positionierung und z-Indexierung können Sie dann den float-Link innerhalb des äußeren a-Tags erscheinen lassen, wobei die browserübergreifende Unterstützung erhalten bleibt.