標簽[z-index] - 堆棧內存溢出

[英]How to use img tag as background of banner with interactable content?

我想在我的頁面上使用 img 作為圖像幻燈片橫幅的背景圖像。原因是出於可訪問性原因而包含替代文本。要在后台移動 img，我必須給它一個負的 z-index。否則，它總是顯示在內容之上。標記行作為 h1 標題包含在橫幅上。一旦橫幅處於負 z-index 中，就無法選擇這些標題或與之交互。 ...

如何在不使用指針事件的情況下選擇絕對定位元素后面的文本：無

[英]How to allow selecting text behind an absolutely positioned element, without using pointer-events:none

我有一個帶有一些文本的 HTML 表，其中表的每一行也應該是一個鏈接。我通過在<tr>中添加一個絕對定位的錨元素來做到這一點，它具有position: relative 。這工作得很好，但絕對定位的<a>阻止用戶能夠 select 底層文本將其復制到剪貼板。我找到了一些 ...

如何一鍵關閉模式及其下拉菜單 MUI

[英]How can I close a modal and its dropdow in one click MUI

我想知道是否可以一次關閉單擊后打開的模式及其下拉菜單。我有下面的截圖和這里的沙箱鏈接： https://codesandbox.io/s/eloquent-murdock-nwewl4?file=/src/App.tsx 截屏我可以通過單擊手形圖標來打開彈出窗口。然后我可以通過單擊主題輸入打開 ...

使用暗濾鏡作為內容和順風 css 的 flowbite 模式校正背景圖像的 z-index 順序

[英]correcting z-index order for background image with dark filter as content and flowbite modal from tailwind css

所以讓我先舉個例子，我正在創建索引頁面，它有 css，在 id-content::before 中有一些深色背景過濾器，它有 z-index: -1 和 background-image 的實際 id-content 有 z- index:1 並且它按預期工作但是當我使用默認值為 z-index: ...

如何使用 overflow-x: scroll 更改水平滾動 flexbox 的 z-index？

[英]how change z-index for horizontally scrollable flexbox with overflow-x: scroll?

我有一個 flexbox 里面有項目，我想讓它水平滾動。我設置了 overflow-x: scroll; 對於父元素。每個項目都有一個很好的懸停發光 animation 但該項目包含在父元素中並且發光被其父框切割並且無論我做什么都不會 go 在它上面。它僅在我刪除overflow-x: sc ...

CSS 層 - z-index

[英]CSS layers - z-index

enter image description here我已經將這個復選按鈕添加到卡片中，並添加了 position 這樣我就可以把它放在左邊的角落里，但是當我把按鈕從卡片角落里拿出來時我就消失了，即使我使用z-指數！ ...

如何在兄弟元素的子元素之間放置絕對定位元素？

[英]How can I layer an absolutely-positioned element between children of a sibling element?

我正在使用 vue-slick-carousel package。我想與之交互的三個主要元素。第一個是帶有 class slide__person字符的圖片，第二個是帶有 class slide__text的文本和帶有 class banner__slider-cloud的雲的圖片。我需要文 ...

Tailwind css 和 Next.js 導航組件 z-index 不工作

[英]Tailwind css and Next.js nav component z-index not working

我目前正在使用 Tailwind.css 進行一個 Next.js 項目。我有一個名為 nav 的 header 組件，具有以下樣式：此 Nav 組件被導入並顯示在 _app.tsx 級別，它顯示在整個網站上。現在，對於大多數頁面來說，這非常有效，導航位於所有內容之上，並且完全粘滯。但是，我 ...

CSS 使用媒體查詢縮小屏幕尺寸時，Z-Index 無法覆蓋

[英]CSS Z-Index cannot override when screen size is reduced using media query

當我制作全尺寸筆記本電腦時，下圖部分的 z-index 為 1，並且我對 1020px 的最大寬度進行媒體查詢，這是針對移動尺寸的，我制作了以下代碼來刪除 z 索引，但它仍然是一樣的，我不能在沒有 z-index 的情況下使圖像全尺寸。請幫助任何人解決這個問題 CSS：我嘗試了 object f ...

為什么 z-index 在我的代碼中不起作用？

[英]Why is the z-index not working in my code?

我在 CSS 中的 z-index 不工作。一旦我滾動到另一個容器，我的固定標題就會變得不可見。然后我想增加z-index，但它不起作用。我希望我的固定標題不再在我滾動容器時變得不可見。這是我的代碼： ...

如何在 LazyVStack/ScrollView SwiftUI 中將圖像置於前台？

[英]How to bring an Image to foreground in LazyVStack/ScrollView SwiftUI?

我有一個 LazyVStack of Post Views，這些視圖中有圖像（類似於 Instagram）。當我放大其中一張圖片時，我希望該圖片與所有其他內容重疊。然而，目前正在發生的事情是它重疊在它上面的帖子上，但在它下面的帖子下。我很確定這背后的原因是編譯器將 Zindexes 分配給 ...

將系列組合到忽略索引的熊貓數據框中

[英]Combining series into pandas dataframes ignoring the indices

我有兩個系列，即 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 ...

WPF如何給一個網格設置多個背景？

[英]How can I set multiple backgrounds for a grid in WPF?

我有一個網格，它有 2 行和 3 列。我的網格需要 2 個背景圖像 - 一個將在另一個的頂部。（一個背景的 ZIndex 應該比其他背景大）。我怎樣才能做到這一點？我需要經常交換這兩個背景，這意味着頂部背景將變為較低背景，而較低背景將變為頂部背景。除此之外，這兩個背景的圖像也會發生很大 ...

Tailwind z-index 任意值不起作用

[英]Tailwind z-index arbitrary value is not working

我正在嘗試根據文檔使用具有任意值的 Tailwind 的 z-index，但看起來 CSS 沒有生成（請參閱隨附的屏幕截圖）。雖然我在項目中將它與 React 一起使用，但我嘗試在普通 HTML 中使用具有任意值的 z-index 以確保它甚至可以正常工作。但事實並非如此。例如，我想顯示 5 ...

嵌入似乎會破壞 Firefox 中的背景過濾器，但不會破壞 Chrome。這是一個錯誤還是可以在 CSS 中修復？

[英]Embeds appear to be breaking backdrop-filter in Firefox but not Chrome. Is this a bug or is it fixable in CSS?

編輯：等待修復者的回復，我假設這是一個錯誤。看起來它可能與https://bugzilla.mozilla.org/show_bug.cgi?id=1794432有關，盡管跟蹤器上的線程很少，因此不清楚 Mozilla 是否已確定它是一個錯誤。與那里的線程相反，似乎在我的測試期間任何嵌入都會導 ...

如何獲得一個腳本來更改兩個盒子上的 Z-Index？

[英]How to get one script to change Z-Index on two boxes?

這是我的第一個網站項目；我想要一個<button>來更改兩個盒子上的z-index 。兩個按鈕沒問題，但我希望腳本在一個動作中做兩件事。我無法在網上找到有關此主題的任何信息。 function myFunction() { document.getElementById("DI ...

Z-index 不適用於絕對定位元素

[英]Z-index not working with absolute positioned elements

我正在嘗試完成圖中所示的設計。但是，當我試圖將它們放在卡片后面時，z-index 對絕對元素不起作用。我在這里做錯了什么？它與 flex 父級有關嗎？僅供參考 - 我正在使用樣式化組件進行樣式化 ...

CSS 帶有 z-index 的 hover 上的文本顯示導致 div 移動

[英]CSS text reveal on hover with z-index is causing divs to move

當我 hover 在我的第一個 div 上顯示全文時，第二個 div 的 position 更改為第一個 div 后面的 go。我需要第二個 div 保留在原處，第一個 div 的文本與它重疊。演示： https://codepen.io/adivity/pen/OJEzoPm ...

多重背景和 Z-Index 問題

[英]Multiplied background and Z-Index Problem

我有一個縮略圖列表，上面有一個標題。標題的背景應該疊加在后面的圖片上，而不是文字。 HTML： CSS：但是<span class="background"> 元素一直位於所有內容之上，在圖像和標題上乘以紅色，即使它的 z-index 表明它應該在標題后面並且標題元素在背景之后呈 ...

如何解決 css 中的 z-index 問題

[英]How to resolve z-index issues in css

我有3個部門。兩個 div 是它的子元素，一個 div 是它們的父元素。我已經設置了父背景圖片，兩個孩子也都看到了。但是，問題出在子 div 的元素上，因為由於它們的 -1 位置，我無法 select 或對它們使用鼠標事件。為了讓兩個孩子都能看到背景，我給孩子 div 設置了一個 -1 的 ...