如何获得跨度覆盖整个div

时间:2013-07-03 06:18:11

标签: javascript html

我对网页脚本非常陌生。我必须掩盖这个缺陷asap这就是为什么我使用补丁而不是一些永久修复。 我遇到了一个缺陷,即只有在选中它的字样时才会选中标签。

<div id='ErrorDictionarySearch_3' onclick='tab_click("0");' class='tab' style='position:absolute;z-index:15;border:none;left:0px;background-color:transparent;width:75px;' >
    <span style='position:absolute;text-align:left;width:100%'>Search</span>
</div>

z-index存在问题,但修复会产生一些问题。所以我知道选择span时会选择div 那么如何才能span覆盖整个div

更新(来自评论)

好吧我会尝试让你更清楚,因为你可以看到该div中有一个onclick事件,所以每当你点击该div时,需要加载一些东西。但只有当鼠标光标被搜索时才会选中该选项卡,即只有当鼠标位于刻字

时才能点击

2 个答案:

答案 0 :(得分:1)

display:inline-block;添加到<span>

<div id='ErrorDictionarySearch_3' onclick='tab_click("0");' class='tab' style='position:absolute;z-index:15;left:0px;background-color:transparent;width:75px;border:1px solid blue;' >
    <span style='text-align:left;width:100%;border:1px solid red;display:inline-block;'>Search</span>
</div>

我已添加border:1px solid red;border:1px solid blue;作为参考

演示:http://jsfiddle.net/dfJFV/

答案 1 :(得分:0)

<div id='ErrorDictionarySearch_3' onclick='tab_click("0");' class='tab' style='position:absolute;z-index:15;border:none;left:0;background-color:transparent;width:75px;' >
    <span style='position:absolute;text-align:left;width:100%;display:block;'>Search</span>
</div>

display: block添加到<span>