これは私のhtmlテーブルコードです:
<table border='1px'>
<tr>
<td id='td'>first</td>
<td>last</td>
<tr>
<td id='td'>newFirst</td>
<td>newSecond</td>
</table>
これが私の1つのdivです。
<div class="Not_Editable id-left" >Not Editable</div>
テーブルtrにカーソルを合わせて最初にtdし、次にこのdivを表示したいときに、このdivを作成します。2番目のtdにカーソルを合わせてから表示しないでください。
これは、タイトル ラベルとして div を作成するための css です。
<style>
.Not_Editable {
position: relative;
background-color: #292929;
width: 100px;
height: 30px;
line-height: 30px; /* vertically center */
color: white;
text-align: center;
border-radius: 10px;
font-family: sans-serif;
}
.Not_Editable:after {
content: '';
position: absolute;
width: 0;
height: 0;
border: 15px solid;
}
.id-left:after {
border-right-color: #292929;
top: 50%;
right: 95%;
margin-top: -15px;
}
</style>
jsfiddle http://jsfiddle.net/9VPPv/
どうすればこれを行うことができますか。これで私を助けてください。