直接在 HTML 標籤中使用 SVG 不允許我將角色指派為按鈕或具有所需的懸停效果

我有一個帶有圖標的容器，該圖標應該執行兩個功能：具有按鈕的作用（可通過鍵盤/屏幕閱讀器等訪問）懸停/聚焦時變紅當我直接在標記中使用SVG時，懸停效果可以按預期工作，但我無法像使用img標籤時那樣為SVG分配按鈕角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59 0  1  591

動態為多個元素添加:hover效果

是否有可能以程式設計方式為多個元素添加hover效果？在我們的系統中，有多個元素代表一個單元（但由於其他原因需要將它們分開成多個元素），在某些情況下，它們應該在懸停時一起重新著色。是否有可能以程式設計方式為多個元素添加hover效果？或者說這是否是一個好的實踐？我可以透過使用my_own_css_class來解決這個問題，在懸停時將其添加到所有元素上。但我覺得以程式方式讓它們有hover效果可能對我有

P粉203792468 2023-08-15 23:49:58 0  1  513

vue 和 vuetify 元件上的滑鼠懸停效果

因此，我嘗試重新創建滑鼠懸停效果，如以下文章中的範例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js將懸停效果應用到vuetify庫中的v-card。所以這是我的嘗試：https://codepen.io/pokepim/pen/NWdwOEq現

P粉032649413 2024-03-27 16:31:16 0  1  448

Rails Javascript - 使用 Rails 7 將 jQuery 轉換為 Javascript 不起作用

帶有Turbo/Hotwire的Rails7。我正在重用從2018年舊專案複製的程式碼。此程式碼/jQuery用於資訊彈出視窗：$(document).ready(function(){$('#info').hover(function(){$('#popup').show();},function (){$('#popup').hide();});});重寫javascript後（正確嗎？），這就是我

P粉436688931 2024-01-16 22:01:23 0  1  530

javascript - 左側導覽如何實現伸縮

點擊按鈕然後變成： 這是用插件實現的嗎？要是用原生應該怎樣這個hover效果呢？

三叔 2017-06-30 09:59:54 0  1  826

javascript - 捲軸遮住了hover彈出層？

在新增捲軸之後，捲軸遮住了右邊的彈出層，看不到，去掉捲軸之後內容就可以看到了 。請問這個問題該怎麼解決？ （無法彈出） （可以看到彈出層） 求問怎麼解決 必須加滾動條 但加了之後無法彈出 求問怎麼解...

曾经蜡笔没有小新 2017-05-19 10:47:52 0  4  833

實現導覽列懸停效果的方法

我正在處理我的垂直導覽列。那個圖標的名稱應該在右側可見。當滑鼠懸停在圖示上時，名稱也應該從白色變為黑色，但它沒有起作用。我嘗試改變周圍的標籤，看看是否有幫助。我還改變了HTML中的標籤，並在CSS中改變了標籤，以使標籤能夠運作。我在這個網站上找到了解決我的問題的方法。我無法讓我的導覽列工作。我無法弄清楚如何在這裡放置程式碼。如果可以幫助的話，我願意透過訊息發送我的程式碼。我花了超過30分鐘嘗試弄清楚

P粉041758700 2024-01-10 18:06:56 0  1  442

javascript - Js怎麼實現彈窗平滑切換？

例如你點選一個頁面會彈跳窗，彈跳窗裡面的內容有一個按鈕，點選又能跳出一個對話框，這時候這個對話框不是彈出效果，而是平滑過渡，怎麼寫？

世界只因有你 2017-05-18 10:56:53 0  7  692

選單項目的懸停效果涵蓋整個頁面高度

我正在開發左側導覽。我希望懸停時紅色條出現在選單項目之前。它適用於「主頁」項目及其子項目，但其他根項目會導致懸停時紅色條從上到下跨越頁面的整個寬度。 $(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46 0  2  371

為什麼我的 Bootstrap 5 彈出視窗在關閉並重新開啟它所在的模式後失去了打開焦點的能力？

我的Bootstrap5模式和放置在其上的彈出視窗有問題。在我的HTML中，我有以下內容，當使用者將滑鼠懸停在按鈕上時，它會正確顯示。彈出視窗顯示「您確定嗎？」鍵入提示並建議使用者按一下按鈕（懸停）以繼續。單擊該按鈕即可獲取焦點並保持彈出視窗打開，直到再次單擊或單擊離開該元素。這允許滑鼠指標進入彈出視窗內容並點擊“繼續”按鈕。這就是我想要的：https://bootstrap-confirmatio

P粉022501495 2024-03-28 23:27:50 0  1  413

停用Vuetify 2中v-checkbox的懸停效果

當在Vuetify2中懸停在v-checkbox上時，複選框後面會出現一個變暗的圓圈。我想讓它不出現。目前，我的v-checkbox被包裹在v-tab和v-tooltip中。我懷疑這並不重要，但有可能。 <v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54 0  1  573