为什么我的下拉菜单落后于chrome和mozilla的旗帜？

Question

我使用django forms，我尝试了Z-index样式属性，但我无法获得解决方案。

这是代码：

<label class="radio">
<input id="id_myclass_only_1" type="radio" name="myclass_only"
{%if form.myclass_only.value == "1"%} checked {%endif%} value="1" /> Post to batch
{{ form.batch|idattr:id_batch }} only
</label>    

此处{{ form.batch|idattr:id_batch }}会提供下拉列表。

Answer 1

理想情况下，如果z-index无效，我建议您使用position:relative;和z-index。这将解决您的问题。

对于实例，

.yourClass/ #yourId {
    position:relative;
    z-index: 9999;
}

希望这有帮助。

PS：您可以根据您的要求/输出增加/减少z-index值。

Answer 2

您可以使用z-index解决此问题

例如

  .class {z-index:999}