堆棧內存溢出
cost 154 ms
NextJS Tailwind 網站 offcanvas 菜單懸停/點擊事件不會在父維度之外發生

[英]NextJS Tailwind website offcanvas menu hover/tap events not happening outside of parent dimensions

我有一個 header，帶有從右側進入的畫布外菜單。 它按預期工作，除了一個問題：當菜單可見並打開時，鼠標/觸摸事件 go 直接穿過它下面的內容。 這是代碼： 自從我手工編寫畫布外菜單以來已經有好幾年了，所以我確定我遺漏了一些東西。 ...

如何使用 Javascript 關閉 Google Chrome 中的文本框建議

[英]How to turn off text box suggestions in Google Chrome using Javascript

我試圖阻止將用戶名和密碼存儲在 Google Chrome 密碼管理器中。 因此，我使用 $(document).ready 部分中 JQuery 中的以下行將密碼字段中的類型密碼更改為文本。 但是，由於地址填寫建議，我遇到了一些問題。 它顯示了建議中已經輸入的值。 如何防止在字段中顯示建議或如何防 ...

如何用具有圓角背景的文本覆蓋圖像

[英]How to overlay an image with text that has a background with rounded corners

我需要在 HTML 中復制您在此圖像中看到的內容： 問題是文本覆蓋了帶有背景圖像的 div。 如果外部 div 中沒有圖像和純色，我可以想象我可以很容易地使用一些小的 html 圓角元素放置在正確的位置，但是背景圖像是是什么增加了復雜性。 到目前為止我有這個......正如你所看到的，我被困在兩個 ...

2023-06-06 17:08:10   2   44    html / css  
不太明確 CSS 寬度：100% 規則覆蓋更明確的規則

[英]Less explicit CSS Width:100% rule overriding more explicit rules

我有一些渲染 HTML（見下文）。 我希望第一個 span 元素的寬度為 300px。 我創建了一個非常具體的樣式規則來將寬度設置為 300 像素。 在不同的 css 文件中恰好有另一個通用規則： Chrome 識別出我的樣式規則適用於該元素，但由於不太明確的樣式規則而決定將寬度設置為 100%！ ...

我的文字無法移過背景圖片

[英]My text can't move past the background image

我是一名剛開始創建他的第一個實際 web 頁面的新手開發人員，我遇到了一些問題。 我在 flexbox 中輸入了一些文字，但在圖像下方不會顯示為 go。 .title { text-align: center; width: 500px; margin-left: auto; margin-rig ...

折疊列后邊框不適應

[英]Border doesn't adapt after collapsing a column

對於我的主要項目，我試圖找到一種方法來隱藏 JS 中的列。 以下function： 效果很好，但邊界不會移動。 這是問題所在： 成為 我怎樣才能避免這個問題？ 編輯：這在 Chrome 和 Edge 上按預期工作。 這是 Firefox 的錯誤嗎？ 完整的 html 是： function hi ...

CSS Flexbox hover 固定 header 下水平導航欄中的文本效果不起作用 - 如何解決？

[英]CSS Flexbox hover effect not working on text in horizontal navigation bar under fixed header - how to troubleshoot?

我想為我正在制作的網站設置固定 header 下方的水平導航欄格式。 我能夠這樣做，但現在 hover 效果不起作用。 我的意思是，hover 效果僅在我將 cursor 與導航欄的底部邊緣對齊（鏈接位於其正上方）時才有效。 當我的 cursor 懸停在文本上時，我希望 hover 效果起作用。 ...

如何在javascript中每次圖像是3的倍數時計數器加1

[英]How to increase the counter by 1 every time the image is a multiple of 3 in javascript

我試着讓每次imact是 3 的倍數時， cont遞增 1。 下面的表達式已經做到了，但它對我不起作用，因為它破壞了我的程序的功能，當我動態指定cont = 0時，也就是說，如果它被傳遞 cont = 0，那么它將 cont 遞增 1，它不會循環到 0,0,0,1,1,1,2,2，如果傳遞給它 c ...

如何在 CSS 中減慢 hover 上的背景平移

[英]How to slow background pan on hover in CSS

賞金將在 5 天后到期。 此問題的答案有資格獲得+50聲望賞金。 henxdl想讓更多人關注這個問題。 我有一個 div 背景平移，我想在 hover 上放慢速度： @keyframes backgroundScroll { 0% { background-position: 100% 50% ...

僅在指定的 div 類上應用 ioslides_presentation 中的幻燈片特定 CSS

[英]Apply slide specific CSS in ioslides_presentation on specified div classes only

賞金將在 2 天后到期。 此問題的答案有資格獲得+50聲望賞金。 user12256545想提請更多人注意這個問題： 請幫我 css 造型如何僅使用 {} 語法更改特定幻燈片的 h2 header styles？ 我想使用rmarkdown和ioslides創建一個 html 演示文稿。 一些主 ...

CSS Animation 將頁面上的圖標滾動到路徑

[英]CSS Animation move icon on page scroll to a path

我想創建一個 CSS animation，其中箭頭在滾動時沿着 SVG 蛇形路徑移動，並在每個新部分更改圖標。 這是我的頁面設計供參考。 我看了幾個例子： codepen.io/yesvin/pen/XymwvX codepen.io/gkando/pen/LYEvjOv 但是我無法用我的頁面設 ...

AG Grid - 找不到圖標

[英]AG Grid - Icons not found

我將 AG Grid 與 React 一起使用，分頁圖標顯示為正方形。 依賴項： App.tsx導入 成分 我在示例中發現它們還加載了agGridMaterial字體，但這並不能解決問題。 我期待這是ag-theme-alpine.css的一部分 CSS 沒有被覆蓋： 如何顯示 AG Gri ...

如何在 React 中使用 Tailwind 將狀態欄背景設為白色？

[英]How can I make my status bar background white with Tailwind in React?

我在一個網站上工作，使用 reactjs 和 tailwindcss 構建，現在我正試圖讓它在我的 iPhone (Safari) 上看起來不錯。 但我似乎無法將狀態欄/背景設為白色。 我試過用 React 頭盔添加元標簽，但這沒有做任何事情： 我試過這個： 但是也沒有任何東西可以使狀態欄變白. ...

媒體查詢問題

[英]Trouble with media query

我正在嘗試前端指導項目，但在提供不同視口大小（用於桌面）的圖片時遇到問題，我不知道出了什么問題，我使用了圖片元素並聲明了圖片應該以什么寬度提供服務但是它不起作用。 令人困惑的方面是 flexbox 和網格顯示屬性沒有太大影響。 小的移動圖像不會被桌面圖像取代。 * { padding: 0; ma ...

高度：0； 溢出：隱藏； 不使用填充

[英]height: 0; overflow: hidden; not working with padding

我有這段代碼，我的目標是使自定義 select 平滑 animation。我選擇讓我的高度默認為 0 溢出：隱藏，並將高度設置為自動 when.active 添加。 但是遇到了仍然顯示身體的問題。 問題似乎與填充有關 .select-header { display: flex; justify-c ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM