小编Kyl*_*lin的帖子

Z-index无法处理固定标题和固定下拉菜单

我正在尝试设计一个固定的下拉菜单,当我们正在通过较小的视图端口查看时,该菜单会滑动然后位于我的网站的固定标题下.我一定不能正确理解一些东西,因为尽管正确设置位置并且使用低于导航的父级的z-index ,它仍然无法正常工作.在下拉列表中,它会在我创建的菜单按钮下滑动,但是在标题上方,然后保持在标题上方.这是我的代码:

HTML:

<header>
    <div id="menu-button" class="up">menu</div>
    <nav role="primary" class="hide">
        <ul>
            <li><a href="#">foobar</a></li>
            <li><a href="#">foobar</a></li>
            <li><a href="#">foobar</a></li>
            <li><a href="#">foobar</a></li>
            <li><a href="#">foobar</a></li>
            <li><a href="#">foobar</a></li>
        </ul>
    </nav>
</header>
Run Code Online (Sandbox Code Playgroud)

CSS:

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
header {
    display: block;
    float: left;
    width: 100%;
    height: 50px;
    background-color: hsla(0, 0%, 20%, 1);
    box-shadow: 0px 2px 8px #222;
    position: fixed;
    top: 0;
    z-index: 99;
}
#menu-button {
    display: block;
    float: left;
    background-color: hsla(0, 0%, 50%, 1); …
Run Code Online (Sandbox Code Playgroud)

z-index css3

1
推荐指数
1
解决办法
1万
查看次数

活动模型序列化器-路由助手的未定义方法

我正在用rails-apigem 构建一个新的应用程序。我用active_model_serializers来自定义JSON响应。在尝试向url序列化器添加属性时,出现错误,指示资源的路由帮助器方法未定义。要遵循的相关代码:

# Routes
Rails.application.routes.draw do
  namespace :api, defaults: { format: 'json' } do
    namespace :v1 do
      resources :tasks, except: [:new, :edit]
    end
  end
end

# Controller - api/v1/tasks_controller.rb
class Api::V1::TasksController < ApplicationController
  before_action :set_task, only: [:show, :update, :destroy]

  # GET /tasks
  # GET /tasks.json
  def index
    @tasks = Task.all

    render json: @tasks
  end

  # GET /tasks/1
  # GET /tasks/1.json
  def show
    render json: @task
  end

  # POST /tasks
  # POST /tasks.json
  def create …
Run Code Online (Sandbox Code Playgroud)

active-model-serializers

1
推荐指数
1
解决办法
2828
查看次数

标签 统计

active-model-serializers ×1

css3 ×1

z-index ×1