Hi all,

I am trying to get a table with checkbox as a pop-up dialog in an existing page. This I got.
Now in that table when I hover or focusing on the Check-box, the content behind that pop-up (which exists in the Page) is viewed, which is to be avoided. As I am learning CSS only now, I was not able to fix it. I tried with opacity but that doesn't fullfilled my requirement. I need your valuable ideas to fix this issue.

What I actually need is the stuffs viewable from background of that checkbox column of a table should be avoided.
This is my table.
<table>
<tr>
<td>
<input class="ctrl" type="checkbox" name="existing" style="width: 50px;" onclick="book(this)">
</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>

Z-index may help

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.