- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我不需要构建像 http://jacksbarlondon.co.uk/ 这样的响应式移动导航栏在这个http://jacksbarlondon.co.uk/当我点击导航栏图标时,网站移动版本出现了一个弹出窗口。如何制作类似于此坐的弹出窗口?请帮忙
最佳答案
这是一个快速的纯 CSS 解决方案。希望能帮助到你。您需要对其进行自定义以更符合您的需求。
.mobile-menu > .trigger:focus + ul {
visibility: visible;
opacity: 1;
background: rgba(47, 55, 59, 0.8);
}
.trigger {
background: rgba(47, 55, 59, 1);
border-radius: 50%;
padding: 10px;
color: #fff;
font-size: 10px;
text-decoration: none;
}
.navigation-mobile {
visibility: hidden;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
list-style: none;
}
.navigation-mobile a {
text-transform: uppercase;
color: #fff;
font-size: 25px;
line-height: 2;
letter-spacing: 5px;
text-decoration: none;
}
<div class="mobile-menu">
<a href="#" class="trigger"> ☰</a>
<ul class="navigation-mobile">
<li>
<a href="#">Demo 1</a>
</li>
<li>
<a href="#">Demo 2</a>
</li>
<li>
<a href="#">Demo 3</a>
</li>
</ul>
</div>
关于html - 如何创建像 http ://jacksbarlondon. co.uk/这样的响应式导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36989658/
我有大量具有不同列号的数据。我只想输出 11 列的数据,并按第 4、6 和 9 列对它们进行排序。如果我使用 awk NF==11 17144_bondlength.dat |sort -uk 4 -
你好,我有我使用的代码 ORDER BY domain_name ASC 并得到像这样的结果 name-somethinga.co.uk name-somethingb.co.uk name.co.u
为什么在此实现中未应用 100% 宽度(其中类 uk-width-1-1 应用于网格容器子项的嵌套 div): Row 01
我正在使用 data-uk-timepicker在我的网站上。 我想将间隔设置为 5 分钟,但它始终采用默认间隔,即 30 分钟。我如何设置任意间隔? 最佳答案 如果@Seçkin 是对的,那么您无法
我按如下方式映射了我的实体: @OneToMany(fetch = FetchType.EAGER) @JoinTable(name = "ETAPA_TAREFA", joinColumns = {
嗨,我正在使用http://getuikit.com/docs/modal.html在我的网站上, 我的代码如下 Click to open modal
根据ISO 2 character codes uk = 英国。但是 Locale.UK.getCountry() 正在返回 GB。我错过了什么吗? 最佳答案 根据 this , The getCou
我正在尝试登录 Virtual Trader使用 python 请求模块的网站 - 我在这方面的经验有限,所以希望得到一些帮助。 之前我用下面的代码登录过类似的网站: import requests
题 请建议一种去除标点符号的方法,但不是 中的那些。或 . 例如,来自:the asbestos fiber $% with 产生:the asbestos fiber unk is unusu
我正在尝试限制 UK OS Grid References (easting and northing) 的大集合仅限那些在英国大陆的人。 -- 网格引用的背景 -- 操作系统“国家网格”由相对于原点
我有非常简单的代码,我通过 NSAttributedString 将 html 显示为 UILabel 的文本: let strValue = "Lorem Ipsum is simply dummy
您好,我正在尝试从字符串中提取英国邮政编码,即“此人的房子位于 SS9 8ID,我们将在晚上 8 点到达”,这样我就可以提取“SS9 8ID”位。我已经尝试过以下代码,但由于某种原因它不起作用....
我试图通过应对以下挑战来提高我的编程 (PHP) 技能。接下来的问题与其说是代码问题,也不是我要代码,而是应该应用的编程逻辑。 (9,'zxvvgf@housecapades.com',0,0
本文整理了Java中uk.co.real_logic.sbe.xml.XmlSchemaParser类的一些代码示例,展示了XmlSchemaParser类的具体用法。这些代码示例主要来源于Githu
我正在尝试创建一个函数来查看我的电子表格中的一个单元格并从页面 http://www.zoopla.co.uk/market/uk/ 返回 Zoopla 'Z-Index' .注意 market UR
我加载了一个简单的未打包的 Chrome 扩展。所有其他扩展均已关闭。 manifest.js { "manifest_version":2, "name":"Etc", "descrip
我正在尝试将 booking.date(格式为 01/06/2016)转换为格式 'EEEE, MMMM d, y ”(2016 年 6 月 1 日星期三)。我尝试过以下 AngularJS 过滤器
我正在尝试创建一个仅对目前在英国大学学习的学生开放的注册表单,因此需要确保他们输入的电子邮件地址以 .ac.uk 结尾。 我有以下 JS 函数,但它根本不起作用。 function valUniEma
我有这个实体模型(简化): @Entity class A { @Id String id; Collection bs; } @Entity class B { @Id Stri
我有一个在 Amazon EC2 上运行的 Java Web 应用程序(在单个实例上,在爱尔兰欧盟西部地区运行),它向基于英国的站点和 API 发出 HTTP 请求(碰巧使用 Apache HttpC
我是一名优秀的程序员,十分优秀!