Question

我有一个包含单选按钮的div，应该始终可见。它在Firefox中运行良好，但在谷歌浏览器中运行不正常。在Firefox中如果我滚动页面div可见，我可以选择所需的选项。在Chrome中，div会丢失其宽度，并且位于页面的末尾。要将页面滚动到底部，需要选择一个选项。

感谢。

// CSS

#filtru_contracte
{
    position: fixed;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    text-align: left;
    width: 250px;
    z-index: 3;    
}

<div id="filtru_contracte" class="btn btn-success">
    <i class="fa fa-filter fa-2x"></i> Filtru contracte
    <div>
        <label class="radio-inline"><input type="radio" name="ctr_filter" id="rb_in_lucru" value="1"> În lucru</label>
    </div>
    <div>
        <label class="radio-inline"><input type="radio" name="ctr_filter" id="rb_finalizate" value="2"> Finalizate</label>
    </div>
    <div>
        <label class="radio-inline"><input type="radio" name="ctr_filter" id="rb_toate" value="3"> Toate</label>
    </div>
</div>

// HTML

div标签始终在Google Chrome

0 个答案: