Html 跨浏览器href内部href?
我的css如下所示Html 跨浏览器href内部href?,html,css,Html,Css,我的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;"> <
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李是影响内心的a_href?在我看来,它影响和firefox,即使我把它作为内联,它作为块渲染。在ie上就可以了 对于跨浏览器支持,可以在href中使用href吗 不,绝对不是。嵌套的
元素无效,需要麻烦
在尝试纠正任何其他可能与此相关的问题之前,您应该先解决此问题。您不应该在内联元素中嵌套块级元素(即嵌套在a href元素中的div)如果您想要达到相同的效果,可以执行以下操作:
<div class="outer">
<a ... /a>
</div>
<a class="floatLink" ... /a>
然后,通过一些巧妙的定位和z索引,您可以使浮动链接显示在外部a标记中,同时保留跨浏览器支持。为了有嵌套a,请执行以下更改 必须将嵌套的a包装在
对象
标记中
<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>
-
一个小的语义建议:我不认为这是“乞求”麻烦,因为:它更多的是走出去,积极要求,寻找和追求麻烦=B