文字通过重叠div？

我有一个表，其中每个单元格中都有一些文本。我想要一个div弹出并覆盖表格，但是当div弹出时，它会覆盖表格的边框，而不是文本。它看起来好像文本在div上。我玩过背景色和不透明度，但没有任何效果。谁能帮我？文字通过重叠div？

P.S.无论如何，我无法让表格消失，因为重叠的div最终会消失。

2014-01-07 LukeK

您应该始终发布您的代码，或者至少尝试在诸如jsfiddle或CodePen的网站上重新创建问题。 – Schmalzy

JSFIDDLE PLZZZZZZZ亲爱的 –

既然你没有张贴你的代码，我将承担问题某种程度上与

z-index:*;

所以我创建了一个小提琴，你可以改变的z-index，看到了差距是使用这个代码。

<html> 
<head> 
<style> 
p{ 
    margin:0; 
    position:relative; 
    z-index:3; 
} 
table, div{ 
    width:100px;  
    height:100px; 
} 
div{ 
    background-color:blue; 
    position:relative; 
    top:-100px; 
    z-index:2; 
} 
</style> 
</head> 
<body> 
<table border="1"> 
    <tr> 
     <td><p>1</p></td> 
     <td><p>2</p></td> 
    </tr> 
    <tr> 
     <td><p>3</p></td> 
     <td><p>4</p></td> 
    </tr>  
</table> 
</body> 
</html>

JsFiddle

注意，对于z-index的工作位置必须设置，这样

position:relative;

或

position:absolute;

或

position:fixed;

虽然我不认为固定可能适合您的需求。

来源

2014-01-07 03:54:59 Olumide

您的问题未清除。

什么办法，我希望，这什么ü问的...

HTML

<table cellspacing="0"> 

    <tr> 
     <td>Hellossss 
      <span></span> 
     </td> 
     <td>English 
      <span></span> 
     </td> 
     <td>French 
      <span></span> 
     </td>   

    </tr> 




</table>

CSS

table td{ border:3px grey solid; padding:0px; position:relative; width:100px} 
span{content:"";position:absolute; width:100%;height:98%; background:green; 
left:0;top:0; display:none} 
td:hover span{display:block}

http://jsfiddle.net/edBQh/

来源

2014-01-07 08:26:04

文字通过重叠div？

回答

相关问题