使用 CSS 将按钮放置在另一个按钮之上

2024-01-08

我在这里需要一些高级 CSS 帮助。我有一个登录按钮和一个注册按钮,我只想一次显示一个。如果用户未登录,注册按钮应出现在登录按钮的顶部。我们有一个复杂而疯狂的后端,如果服务器认为用户未登录,它将生成注册按钮的代码。但是两者都会由服务器输出,只有当用户登录时才会输出注册按钮。有什么吗可以通过绝对定位将一个移动到另一个之上来完成吗?


为什么要把一个放在另一个上面?在 CSS 中有一种“正确”的隐藏内容的方法,使用display财产:

.register_button { display: none; }

然后,在您的 HTML 中:

<button type="button" class="register_button">Will not show up!</button>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 CSS 将按钮放置在另一个按钮之上 的相关文章

  • 如何让CSS选择以字符串开头的ID(不是Javascript)?

    如果 HTML 中有这样的元素 id product42 id product43 如何匹配所有以 product 开头的 id 我已经看到了完全使用 javascript 执行此操作的答案 但是如何仅使用 CSS 执行此操作 id pro
  • chrome 中选择选项元素的额外填充

    我有一个选择元素 用户可以在其中选择分类和描述 仅在 Chrome 浏览器中 我有一个额外的填充 无法使用 padding 0 或其他 css 标签删除它 Chrome 的屏幕 https i stack imgur com m3iIb p
  • jQuery 变量在定义时声称它是未定义的

    我试图在同一页面上有两个自动填充文本框 一个用于手机型号 input1 一个用于固件 input2 当两者都填充时 我希望显示一个带有ID input1input2 的div 但是当在input1 中输入值时 它声称phone 的变量未定义
  • 将图像编码为base64有什么效果?

    如果我将图像 jpg 或 png 转换为 base64 那么它会更大 还是具有相同的大小 会大多少呢 是否建议在我的网站上使用 Base64 编码的图像 大约会大 37 非常粗略地说 Base64 编码的二进制数据的最终大小等于原始数据大小
  • 使用base64编码图像的优点和缺点[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我正在考虑为我正在开发的网站使用 Base64 编码图像来优化加载时间 不管怎样 在开始之前 我想知道 这样做的优点和缺点是什么 目前 我没有看
  • 重新加载更新的 javascript> 代码而不完全重新加载 html 页面

    我正在开发一个单页 Web 应用程序 它具有许多不同的功能和形式 当开发一个深度 我的意思是主页上没有的 功能时 我会经历这个循环 开发代码 编辑类和函数 刷新整个页面 一路点击 直到到达我需要测试的部分 有时加起来大约一分钟 测试新代码
  • 使用内联样式有哪些风险?

    A 内容安全政策 https developer mozilla org en US docs Web HTTP CSP with a default src or style src指令将阻止内联样式应用于
  • 类方法作为 JavaScript 中的事件处理程序?

    JavaScript 中是否有最佳实践或通用方法将类成员作为事件处理程序 考虑以下简单示例
  • Gmail 无法在电子邮件上正确呈现字体

    我已经建立了一个 html 电子邮件并使用了 Google 字体 我已使用以下方法将字体包含在 head 标签中 if mso endif 并使用字体 即我这样做了
  • CSS使背景图像使用字体字符

    我想使用字体字符 例如来自 font awesome 作为输入元素的背景图像
  • iPad - 无法在框架内滚动

    我无法滚动 iPad Safari 中框架内调用的 pdf 我已经尝试过两件事 2 指滚动 使用对象 嵌入代替框架 但这是行不通的 事实上我已经尝试了很多东西 溢出 高度等等 请帮我 先感谢您 根据这篇文章http support appl
  • 如何在bootstrap中默认隐藏侧边栏?

    我在这里有一个很好的参考 作为 Bootstrap 在设计 Web 表单应用程序时的侧边栏 http startbootstrap com template overviews simple sidebar http startbootst
  • 如何强制折断不可折断的字符串?

    我有一个根据数据库中包含的数据生成的 HTML 页面 数据库有时包含浏览器无法分解的长字符串 因为这些字符串不包含可分解的字符 空格 点 逗号等 有没有办法使用 html css 甚至 javascript 来解决这个问题 看到这个link
  • 在按钮之间添加空间?

    嗨 我这里有一个代码 除了一件事之外 一切都很完美 代码中每个按钮之间没有空格 我尝试过 margin 但不幸的是它是一个无序列表 所以我有点困惑 我将添加或替换什么以在两个按钮之间留出空间 帮助
  • 用于渲染 html 子集的 Django templatetag

    我有一些 html 在本例中是通过 TinyMCE 创建的 我想将其添加到页面中 但是 出于安全原因 我不想只打印用户输入的所有内容 有谁知道模板标签 最好是过滤器 只允许呈现 html 的安全子集 我意识到 Markdown 和其他人就是
  • 使 Material UI Grid 项目的子项拉伸以适合父容器的剩余高度

    1 现状 我有一个包含 4 个网格项的 Material UI 网格容器 每个 Grid 项中都有一个 Typography 组件 其中包含标题和包含一些内容的 Card 如下所示 2 期望的外观 我希望卡片填充网格项目的剩余高度并且不超过
  • 使用 CSS 覆盖透明 div 中的不透明文本

    我试图使透明 div 内的文本没有不透明度 也就是全黑 div style background 3cc p style background 000 This text should be all black p div 只用 CSS 就
  • 没有类的 CSS 选择器

    我正在使用选择器来选择不具有一个类的所有元素 list th not foo some rules 我怎样才能将其应用到多个班级 list th not foo list th not bar some rules 上面的 CSS 当然不会
  • 如何为 TBODY 应用垂直滚动条

    我的表中有 4 列和 5 行数据 我必须为 TBODY 应用垂直滚动条 TH 标题内容不应滚动 我对场景进行了编码 并且在我将滚动类应用于 TBODY 之前它工作正常 一旦我将滚动样式类应用于 TBODY 它就会破坏之前的对齐方式 任何人都
  • 在具有多级分组的 HTML 表格中显示数据

    我必须通过使用 rowspan 进行分组来显示 HTML 表中的一些数据 下面是预期的 GUI 我有如下所示的 JSON 数据 JSON数据here https jsoneditoronline org id 1014438e5489485

随机推荐

  • 如何使用 HTML 父子关系中的 2 个 Svelte 组件将数据从子级传递到父级

    我是 Svelte 的新手 我在 HTML 父子关系中有 2 个 Svelte 组件 而不是 Svelte P C 关系 其中 1 个 Svelte 组件导入另一个组件 最终 我想要这样的东西 可能有很多 Accs
  • 如何在elasticsearch中使用Query DSL找到最近/最近的数字

    我正在寻找在弹性搜索的帮助下找到最近的价格 号码的可能性 问题是我没有范围 我想要实现的是结果按最近距离排序 根据示例搜索查询 我的索引包含 3 个文档 其价格 数字 如下 45 27 32 对于给定数字 距我的搜索值 29 的 距离 是
  • 谷歌搜索网络抓取与Python中的关键字列表

    我正在尝试通过使用名称列表作为输入并在 DataFame 中获取数据集来在 Google 搜索上进行网络抓取 我之前使用 selenium 进行网页抓取 但我在构建语法时遇到了困难使用循环运行名称列表作为输入得到结果并scrape每一页 下
  • 防止创建类型别名实例

    是否可以阻止创建类型别名的实例 例如一个ValidatedEmail type ValidatedEmail address string validatedOn Date 假设有一个函数validateEmail和一个函数sendEmai
  • 使用 SynchronizationContext 将事件发送回 WinForms 或 WPF 的 UI

    我使用 SynchronizationContext 将事件从执行大量多线程后台任务的 DLL 封送回 UI 线程 我知道单例模式不是我最喜欢的 但是当您创建 foo 的父对象时 我现在使用它来存储 UI 的 Synchronization
  • 获取存储为字符的时间变量的时间差

    我的数据框中有两个字符变量start time and stop time start time stop time
  • jQuery flot 并排多条形图

    我使用 jQuery 绘图和类别插件来创建图表 我想使用以下代码并排绘制每个月的两个条形图 plot chart label Neue Mitglieder data data order 1 label F llige K ndigung
  • 如何在eclipse中过滤消息到Logcat?

    我只想从当前运行的应用程序向 logcat 显示 system out println 消息 我已经检查了堆栈溢出和其他人的许多建议 但我得到的只是像 add adb d logcat com example example I S 等等
  • BeginProcessRequest() 中会发生什么?

    我们使用 NewRelic 来提供服务器端应用程序跟踪 我们注意到 我们的一些应用程序在该方法中始终花费大约 100 毫秒System Web Mvc MvcHandler BeginProcessRequest 这种情况发生在调用任何自定
  • ViewScoped Bean 内 SessionScope 的 ManagedProperty - 瞬态?

    我有这样的 JSF Beans 结构 ManagedBean ViewScoped public class ViewBeany implements Serializable ManagedProperty value sessionBe
  • C# 类型转换:存在显式强制转换但引发转换错误?

    我了解到HashSet实施IEnumerable界面 因此 可以隐式地强制转换HashSet对象进入IEnumerable HashSet
  • Flutter - 拖动标记并获得新位置

    在 Flutter 中 我有一张地图 可以在以下帮助下获取设备位置location https pub dartlang org packages location 然后我使用这个位置在 Google 地图中显示标记谷歌地图颤振 https
  • 在 JSON-LD 中,是否可以为属性值定义 URI 映射?

    假设我们有以下 JSON context name http schema org name status http schema org status name Manu Sporny status trollin The trollin
  • 有没有 Runtime.getRuntime().exec() 的替代方法

    只是想知道 是否有比这更好 更新 更安全 更快等的东西Runtime getRuntime exec 我想在 Linux 上从我的应用程序运行另一个进程 这是我知道的唯一方法 如果有替代方案就好了 怎么样流程构建器 http downloa
  • Sublime Text 3 中的自定义语法

    我正在努力找出如何使用新的 Sublime Text 3 创建新的语法突出显示 sublime 语法风格定义 之前的大多数答案都与旧的做法有关 从 Sublime Text Build 3084 开始 添加了新的语法定义格式 扩展名为 su
  • ASP.NET 主题未正确呈现

    我有一个使用主题的小型网络应用程序 主题在主机上工作 因此在预初始化时 如果主机 a 则加载 x 主题 如果主机 b 则加载 y 主题 在我的代码中 这看起来像 如果 request url host contains a 那么 页面 主题
  • ios 8.4.1 webview黑屏

    我需要在 ios 中在一个简单的 webview 中创建一个应用程序 我用example https github com vandadnp iOS 8 Swift Programming Cookbook blob master chap
  • 在日志传送的辅助服务器上创建用户

    我有一个生产服务器说ServerA我已设置日志传送到ServerB其处于只读模式 此日志传送的目的是降低生产服务器上某些昂贵的查询 痛苦的报告 的负载 现在 如果我必须使用我们的域帐户创建一些登录名 我无法执行此操作 因为辅助数据库位于st
  • 如何从 Rust 中的 Vec 中提取两个可变元素[重复]

    这个问题在这里已经有答案了 我试图从 Vec 中提取两个元素 它始终包含至少两个元素 这两个元素需要可变地提取 因为我需要能够在单个操作中更改这两个元素的值 示例代码 struct Piece x u32 y u32 name static
  • 使用 CSS 将按钮放置在另一个按钮之上

    我在这里需要一些高级 CSS 帮助 我有一个登录按钮和一个注册按钮 我只想一次显示一个 如果用户未登录 注册按钮应出现在登录按钮的顶部 我们有一个复杂而疯狂的后端 如果服务器认为用户未登录 它将生成注册按钮的代码 但是两者都会由服务器输出