我想在我的页面上使用 img 作为图像幻灯片横幅的背景图像。 原因是出于可访问性原因而包含替代文本。 要在后台移动 img,我必须给它一个负的 z-index。 否则,它总是显示在内容之上。 标记行作为 h1 标题包含在横幅上。 一旦横幅处于负 z-index 中,就无法选择这些标题或与之交互。 ...
我想在我的页面上使用 img 作为图像幻灯片横幅的背景图像。 原因是出于可访问性原因而包含替代文本。 要在后台移动 img,我必须给它一个负的 z-index。 否则,它总是显示在内容之上。 标记行作为 h1 标题包含在横幅上。 一旦横幅处于负 z-index 中,就无法选择这些标题或与之交互。 ...
我有一个带有一些文本的 HTML 表,其中表的每一行也应该是一个链接。 我通过在<tr>中添加一个绝对定位的锚元素来做到这一点,它具有position: relative 。 这工作得很好,但绝对定位的<a>阻止用户能够 select 底层文本将其复制到剪贴板。 我找到了一些 ...
我想知道是否可以一次关闭单击后打开的模式及其下拉菜单。 我有下面的截图和这里的沙箱链接: https://codesandbox.io/s/eloquent-murdock-nwewl4?file=/src/App.tsx 截屏我可以通过单击手形图标来打开弹出窗口。 然后我可以通过单击主题输入打开 ...
所以让我先举个例子,我正在创建索引页面,它有 css,在 id-content::before 中有一些深色背景过滤器,它有 z-index: -1 和 background-image 的实际 id-content 有 z- index:1 并且它按预期工作但是当我使用默认值为 z-index: ...
我有一个 flexbox 里面有项目,我想让它水平滚动。 我设置了 overflow-x: scroll; 对于父元素。 每个项目都有一个很好的悬停发光 animation 但该项目包含在父元素中并且发光被其父框切割并且无论我做什么都不会 go 在它上面。 它仅在我删除overflow-x: sc ...
enter image description here我已经将这个复选按钮添加到卡片中,并添加了 position 这样我就可以把它放在左边的角落里,但是当我把按钮从卡片角落里拿出来时我就消失了,即使我使用z-指数! ...
我正在使用 vue-slick-carousel package。 我想与之交互的三个主要元素。 第一个是带有 class slide__person字符的图片,第二个是带有 class slide__text的文本和带有 class banner__slider-cloud的云的图片。 我需要文 ...
我目前正在使用 Tailwind.css 进行一个 Next.js 项目。 我有一个名为 nav 的 header 组件,具有以下样式: 此 Nav 组件被导入并显示在 _app.tsx 级别,它显示在整个网站上。 现在,对于大多数页面来说,这非常有效,导航位于所有内容之上,并且完全粘滞。 但是,我 ...
当我制作全尺寸笔记本电脑时,下图部分的 z-index 为 1,并且我对 1020px 的最大宽度进行媒体查询,这是针对移动尺寸的,我制作了以下代码来删除 z 索引,但它仍然是一样的,我不能在没有 z-index 的情况下使图像全尺寸。 请帮助任何人解决这个问题 CSS: 我尝试了 object f ...
我在 CSS 中的 z-index 不工作。 一旦我滚动到另一个容器,我的固定标题就会变得不可见。 然后我想增加z-index,但它不起作用。 我希望我的固定标题不再在我滚动容器时变得不可见。 这是我的代码: ...
我有一个 LazyVStack of Post Views,这些视图中有图像(类似于 Instagram)。 当我放大其中一张图片时,我希望该图片与所有其他内容重叠。 然而,目前正在发生的事情是它重叠在它上面的帖子上,但在它下面的帖子下。 我很确定这背后的原因是编译器将 Zindexes 分配给 ...
我有两个系列,即 x 和 y,它们是通过提取与索引列表相关的值创建的。 X: 指数时间戳 1个 2022-11-16 13:00:00 143 2022-11-17 13:48:00 是: 指数时间戳 37 2022-11-16 19:13:00 157 2022-11-17 16:21 ...
我有一个网格,它有 2 行和 3 列。 我的网格需要 2 个背景图像 - 一个将在另一个的顶部。 (一个背景的 ZIndex 应该比其他背景大)。 我怎样才能做到这一点? 我需要经常交换这两个背景,这意味着顶部背景将变为较低背景,而较低背景将变为顶部背景。 除此之外,这两个背景的图像也会发生很大 ...
我正在尝试根据文档使用具有任意值的 Tailwind 的 z-index,但看起来 CSS 没有生成(请参阅随附的屏幕截图)。 虽然我在项目中将它与 React 一起使用,但我尝试在普通 HTML 中使用具有任意值的 z-index 以确保它甚至可以正常工作。 但事实并非如此。 例如,我想显示 5 ...
编辑:等待修复者的回复,我假设这是一个错误。 看起来它可能与https://bugzilla.mozilla.org/show_bug.cgi?id=1794432有关,尽管跟踪器上的线程很少,因此不清楚 Mozilla 是否已确定它是一个错误。 与那里的线程相反,似乎在我的测试期间任何嵌入都会导 ...
这是我的第一个网站项目; 我想要一个<button>来更改两个盒子上的z-index 。 两个按钮没问题,但我希望脚本在一个动作中做两件事。 我无法在网上找到有关此主题的任何信息。 function myFunction() { document.getElementById("DI ...
我正在尝试完成图中所示的设计。 但是,当我试图将它们放在卡片后面时,z-index 对绝对元素不起作用。 我在这里做错了什么? 它与 flex 父级有关吗? 仅供参考 - 我正在使用样式化组件进行样式化 ...
当我 hover 在我的第一个 div 上显示全文时,第二个 div 的 position 更改为第一个 div 后面的 go。 我需要第二个 div 保留在原处,第一个 div 的文本与它重叠。 演示: https://codepen.io/adivity/pen/OJEzoPm ...
我有一个缩略图列表,上面有一个标题。 标题的背景应该叠加在后面的图片上,而不是文字。 HTML: CSS: 但是<span class="background"> 元素一直位于所有内容之上,在图像和标题上乘以红色,即使它的 z-index 表明它应该在标题后面并且标题元素在背景之后呈 ...
我有3个部门。 两个 div 是它的子元素,一个 div 是它们的父元素。 我已经设置了父背景图片,两个孩子也都看到了。 但是,问题出在子 div 的元素上,因为由于它们的 -1 位置,我无法 select 或对它们使用鼠标事件。 为了让两个孩子都能看到背景,我给孩子 div 设置了一个 -1 的 ...