Question

我的css如下所示

ul.sometclass li a {

display:inline-block;
}

我的HTML看起来像

<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.对于跨浏览器支持，是否可以在href内使用href？
2.我的 ul.someclass li a 影响内部 a_href ？在我看来，它影响和firefox，即使我把它作为内联，它呈现为块。在即可以

Answer 1

对于跨浏览器支持，可以在href中使用href吗？

不，绝对不是。嵌套的<a>元素无效并乞求麻烦。

在尝试纠正可能与此相关的任何其他问题之前，您应先解决此问题。

Answer 2

您不应该在内联元素中嵌套块级元素（即嵌套在href元素中的div）

Answer 3

为了嵌套a，请进行以下更改....

您必须将嵌套的内容包装在object标记内。

<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

如果你想达到同样的效果，你可以这样做：

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

然后，通过一些巧妙的定位和z索引，您可以使浮动链接显示在标记的外部，同时保留跨浏览器支持。

跨浏览器href里面的href？

4 个答案: