Question

我有一个div background-img，位于渐变层的顶部（不要怀疑动画CSS，这只是我网站的一部分，但那不会引起我的任何问题）。现在，我想拥有我所有的小导航栏。可悲的是，它似乎不起作用，我不知道该怎么去..总是有pic-background或其上的渐变，标签上的z-index被完全忽略了。

HTML：

def modify_view(request):
    user = request.user
    if request.method=="POST":
        form = ProfileForm(request.POST,request.FILES)
        if form.is_valid() 
            user_profile = Profile.objects.get(user=user)
            user_profile.image = form.clean_data['image']
            user_profile.save()
    else:
        form = ProfileForm()
        return render(request,"profile.html",{form:form})

{% extends  'account/home/index.html' %}
{% block content %}
<div class="row">
    <div class="col-md-8 col-sm-8 col-8">

      <form class="signup needs-validation" id="signup_form" method="post"  enctype="multipart/form-data" >
        {% csrf_token %}
        {{form.as_p}}
        {% if redirect_field_value %}
        <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
        {% endif %}
        <div class="form-group">
            <button  type="submit" class="col-sm-8  offset-sm-4 btn btn-success btn-block">update</button> 
        </div>
      </form>
    </div>
  </div>
{% endblock %}

https://jsfiddle.net/ft6y3guq/17/

使用z-index将相对div定位在绝对div的前面

0 个答案: