Question

我有这段代码

<style>

    #checkboxDIV {
        visibility: hidden;
    }

    #itemcard:hover #checkboxDIV {
        visibility: visible;
    }

    #options {
        visibility: hidden;
    }

    #itemcard:hover #options {
        visibility: visible;
    }

</style>

当我在#itemcard上移动鼠标时，它适用于#options并显示#options DIV，

但它不起作用#checkboxDIV - 我不确定是什么导致它，请参阅底部的HTML代码

任何想法？

编辑：添加HTML以便更好地理解

@foreach (var I in Model)
{
    <tr id="row_@I._id">
        <td class="v-align-top" >
            <div class="checkbox text-center" id="checkboxDIV">
                <input type="checkbox" value="@I._id" id="checkbox_@I._id)">
                <label for="checkbox_@I._id"></label>
            </div>
         </td>
         <td class="v-align-top" id="itemcard">
             <div id="options">OPTIONS<div>
         </td>
    </tr>
}

Answer 1

你需要添加这个

 <td class="v-align-top" id="itemcard" >

＆＃13;

#checkboxDIV {
        visibility: hidden;
    }

    #itemcard:hover #checkboxDIV {
        visibility: visible;
    }

    #options {
        visibility: hidden;
    }

    #itemcard2:hover #options {
        visibility: visible;
    }

＆＃13;

<table>
<tr id="">
        <td class="v-align-top" id="itemcard" >
            <div class="checkbox text-center" id="checkboxDIV">
                <input type="checkbox" value="@I._id" id="checkbox_@I._id)">
                <label for="checkbox_@I._id"></label>
            </div>
         </td>
         <td class="v-align-top" id="itemcard2">
             <div id="options">OPTIONS<div>
         </td>
    </tr>
    </table>

＆＃13;

能见度：可见不起作用

1 个答案: