我正在尝试设计一个固定的下拉菜单,当我们正在通过较小的视图端口查看时,该菜单会滑动然后位于我的网站的固定标题下.我一定不能正确理解一些东西,因为尽管正确设置位置并且使用低于导航的父级的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) 我正在用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)