提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

P粉940538947 2023-09-06 20:29:59

影像的起點和終點

我正在嘗試設定圖像的起點和終點。所以我有我的畫布和圖像，當我將圖像放入畫布時，我希望當我將滑鼠懸停在起點/終點時，它會亮起一個小紅色圓圈，這意味著我可以與其他圖像創建連接。例如：1)拖曳圖像。 2)將圖像放入畫布內。 3）滑鼠懸停到起點/終點，小紅點亮起。如您所見，紅點僅在懸停時出現。另一個問題，但如果你解決第一個問題很酷，圖像不會跟隨烤架（正方形）。這是html/js的範例constresistor

P粉511757848 2023-08-31 12:24:51

angular.js - angularjs 使用滑鼠懸停時，標籤一直閃

我在用angularjs寫一個滑鼠懸停事件的時候發現滑鼠時標籤一直閃， angular程式碼如下： {程式碼...} 請問一下這段程式碼有什麼問題嗎? 要實現的效果就是滑鼠懸停到登入成功的標籤時，出現進入主頁標籤。麻煩看出問題的...

巴扎黑 2017-05-15 17:07:12

如何更改 MUI 工具提示的背景顏色？

我想要一個“？”用戶可以將其懸停在圖標上並獲取有關應在文字欄位中輸入哪些資料的規範。 MUI的預設懸停是灰色的，帶有白色的文字，但我希望我的懸停是白色的，帶有灰色的文字，並且字體更大。我發現使用對於字體大小和顏色效果很好，但是當我更改背景顏色時，懸停文字欄位周圍有一個灰色邊框。這是hover.js元件：exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50

懸停時傾斜效果錯誤

我有一個帶有傾斜效果的按鈕，裡面有一個文本，當我懸停該按鈕時，按鈕旁邊會出現兩行。有代碼，將滑鼠懸停在按鈕上直到看到它，這是一個非常隨機的副作用。我認為這是Chrome的問題，但我不確定。這是問題的圖片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

改變MUI中文字欄位標籤的顏色

嗨，我在更改MUI文字欄位中的文字標籤顏色方面遇到了問題。我已經成功自訂了邊框顏色和懸停狀態（包括標籤），只是在非懸停狀態下無法更改標籤顏色。我嘗試了在DOM中找到的各種類別名稱（包括MuiInputBase-input），就像我在其他地方所做的那樣，但都沒有成功。我還嘗試了inputProps，但也沒有任何效果。以下是我的程式碼：<TextFieldclassName="w-fullm

P粉860370921 2023-08-26 17:15:52

CSS 懸停樣式位於 div 內的元素上，且帶有 transform-style:preserve-3d 在 Safari 中不起作用

我實現了一個視差滾動標題，它裡面有一些帶有懸停樣式的社交圖示。懸停樣式目前在Safari中不起作用。當我刪除容器上的transform-style:preserve-3d時，懸停樣式可以工作（但會破壞視差）。它在Chrome中運行良好。 <!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26

圖中影像的長寬比

我有一個標題的圖像，就像這樣：標題我在CSS中還有img{max-width:100%}。我想同時設定圖像的寬度和高度，並在寬度減小到其設定值以下時保持其縱橫比。所以，我嘗試了這樣的程式碼：標題這大致是我想要的，但是當圖像被'letterboxed'時，標題離圖像底部的距離很遠。有沒有辦法在保持標題緊貼圖像底部的同時獲得我想要的結果？

P粉557957970 2023-08-17 20:24:04

如何在Vue過渡中去除過渡延遲？

我正在使用Vue來實現當滑鼠懸停在圖片上時，透過動畫將文字方塊向上移動並淡入。動畫效果是正確的，但是它有一個輕微的延遲才開始。我希望文字方塊在圖片懸停時能夠平滑且立即地開始淡入和向上移動。當遊標離開時，文字方塊能夠正確地淡出和向下移動。 template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49

如何讓轉換後的元素不被溢出自動切斷？

我正在使用Bootstrap4為朋友的個人網站製作一個模態畫廊。我設置了它，以便圖像在懸停時展開-但當我將溢出設置為自動時，它們會在模態（或div）的邊緣被切斷。圖庫也是一組選項卡中的第三個，但所有這些都很好用。我嘗試更改哪個div具有overflow-auto類；我嘗試過標記各種不同的標記，但無論我嘗試什麼，我都不知道如何製作它，以便圖庫滾動並且讓我的圖像在懸停時不會被切斷。現在是相關程式碼：.g

P粉242535777 2023-09-07 20:04:02

建立一個懸停效果，將選單按鈕轉換為具有陰影複製版本的 x 形狀

首先我想承認我的標題很令人困惑，對此感到抱歉。我想要實現的是懸停時的以下效果：我的網站在這裡https://wordpress-493302-3130963.cloudwaysapps.com/我已經成功地使用css轉換完成了我想要實現的目標的一半，但無法看到創建按鈕的影子副本，如上圖所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21

使用 React 在圖像上放置互動式標記

請幫忙。我有一個像下圖這樣的圖像顯示在主頁上（一個更大的圖像）。請注意，「FORGE」房屋的中間有一個白色和藍色標記，並帶有黑色箭頭。「出租」房屋也是如此。這些標記中的每一個都將充當互動式按鈕。以下是預期的互動行為：將滑鼠懸停時，藍色背景將展開以顯示「Forge」或「Rentals」等文字點擊後，它將引導使用者前往對應的「Forge」或「Rentals」頁面。也希望它能夠響應，如果當螢幕調整大小時，

P粉896751037 2023-09-08 21:25:41

如何使Leaflet中的標記有兩個彈出視窗？滑鼠懸停時一種，點擊時另一種？

我希望將標題懸停在地圖上的標記上，然後單擊它們時會打開一個包含不同內容的完整彈出視窗。我嘗試製作一個圖例，其中包含所有標記的列表，這些標記將用作相應彈出視窗的鏈接，但我似乎不知道如何做到這一點。

P粉254077747 2024-04-01 12:40:41

使用 CSS3 過渡增強漸變背景

我試圖在滑鼠懸停時使用css在縮圖上進行轉換，以便在懸停時背景漸變淡入。轉換不起作用，但如果我只是將其更改為rgba()值，它可以工作美好的。不支援漸層嗎？我也嘗試過使用圖像，它也不會轉換圖像。我知道這是可能的，因為在另一篇文章中有人做到了，但我不知道到底是怎麼做到的。任何幫助>這是一些可以使用的CSS：#containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11

javascript - 發現個奇怪的問題，寫的css動畫當我把標籤頁收起時動畫自動暫停了

發現個奇怪的問題，寫的css動畫當我把標籤頁收起時動畫自動暫停了，再展開標籤頁時動畫才繼續播放。我是用背景圖移動達到運動的效果的，是不是跟這個原因有關？

给我你的怀抱 2017-06-30 09:52:30

將 CSS3 轉場與漸層背景結合使用

我試圖在滑鼠懸停時使用css在縮圖上進行轉換，以便在懸停時背景漸變淡入。轉換不起作用，但如果我只是將其更改為rgba()值，它工作正常。不支援漸層嗎？我也嘗試過使用圖像，它也不會轉換圖像。我知道這是可能的，因為在另一篇文章中有人做到了，但我不知道到底是怎麼做到的。任何幫助>這是一些可以使用的CSS：#containerdiva{-webkit-transition:background0.

P粉217629009 2023-08-23 21:25:42

如何使文字在點擊時變成新元素（如分隔線）？

我正在嘗試找到一種方法，使頁面上的某些文字在單擊時變成分隔符號/新元素。我不知道如何解釋它，但是就像，想像一個下面帶有標題的圖像-單擊標題，然後上面的圖像變得像一個文本框/不同的圖像/可滾動的分隔符。我正在嘗試實現此處頁面的效果，其中單擊右側的頭骨表情符號會導致左側框中出現一個新的div/圖像。我正在查看原始程式碼並檢查她做了什麼來實現這種效果，但我仍然不確定是什麼。我正在嘗試使用w3schoolson

P粉872101673 2024-04-04 11:21:03

如何限制CSS僅對同一類別中的一個div生效

我正在嘗試在滑鼠懸停時使標題出現在圖像上，但它們都必須具有相同的類別。我不知道我所問的是否可能，但我會考慮各種不同的解決方案。這是我目前的程式碼。 <divclass="item"><imgclass="Placeholderimg"src="placeholder.jpg"><divclass="hov

P粉475315142 2023-09-09 21:32:30

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

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

P粉203792468 2023-08-15 23:49:58

使用純Javascript實現影像替換的過渡效果

在我創建的網站上，我有一些手風琴，每個手風琴的頂部都有一個圖像。當您打開手風琴時，裡面有一個描述，圖像會變成另一張。然後，當您關閉手風琴時，影像會切換回第一個影像。問題是我希望這個圖像變化有一個平滑的過渡，具有淡入淡出的效果，而現在它只是一個突然的變化。我該怎麼做？假設手風琴按鈕的id為「button」；包含第一張圖片（將更改為第二張圖片）的標籤的id為「firstimage」。這是JavaS

P粉458913655 2024-03-30 00:14:11