帶有透明半圓切口的 Div

我想只使用CSS3製作一個透明的切出半圓形形狀。唯一的要求是形成形狀的所有元素必須是黑色或透明。我不能使用上面有一個白色圓圈的黑色矩形，因為半圓必須是透明的並讓背景顯示出來。所需形狀：

P粉022285768 2023-10-22 17:51:09 0  2  768

如何在頁面上居中對齊三個 SVG 檔案？

我有三個獨立的SVG文件，當它們彼此層疊時，它們將創建一個圖形。第一個SVG檔案是一個紅色三角形，第二個是位於三角形內部的藍色圓圈，第三個是位於三角形底部的紫色矩形（三角形和矩形之間有一點空間）。我的目標是將所有三個SVG檔案在頁面中央相互疊加。下面是我的HTML和CSS程式碼。 *{margin:0;padding:0;box-sizing:border-box;}.​​graphic{height:1

P粉998100648 2023-09-07 14:20:58 0  2  631

javascript - 怎麼自訂flatlist的下拉元件樣式？

1.首先說一下我要實現的效果，像手機京東那樣下拉出來一張圖片，放手後跳到新頁面。 2.但是Flatlist有預設的下拉事件 {程式碼...} 在文件上沒有看到怎麼改變這個頭部的控件，android是預設一個黑色圓形的刷新元件...

PHP中文网 2017-06-08 11:02:39 0  1  1336

在 Plotly 熱圖上選擇/固定單一像素

在Plotly熱圖上，有時有2種選擇模式很有用：矩形選擇（已在modbar中提供）選擇/固定單個像素：我試圖透過回收我不需要的現有「drawcircle」按鈕來實現這一點。點擊時，像素應突出顯示，或者其頂部有一個彩色圓盤（或紅色“圖釘”，如Google地圖UI）問題：當在modbar中選擇drawcircle工具時，plotly_click事件不會觸發（因此我們無法獲取座標），並且plotly_s

P粉806834059 2023-09-02 14:57:46 0  1  654

重寫後的標題為：CSS 3形狀：「反向圓形」或「剪切圓形」

我想創建一個形狀，我將其描述為「反圓」：該圖像在某種程度上不準確，因為黑線應該沿著div元素的外邊框繼續。這是我目前擁有的示範：http://jsfiddle.net/n9fTF/使用沒有影像的CSS是否有可能？

P粉979586159 2023-08-24 18:26:55 0  2  448

如何使用 CSS 為圖片添加多層透明疊加層

如何按下三角形並將內容包含在白色圓圈的頂部？我正在嘗試找到一種解決方案來創建一個包含背景圖像的英雄部分，其中包含三個疊加形狀作為圖像的一部分。覆蓋層頂部將是h1、p和btn。我在下面提供了一張螢幕截圖，展示了設計的外觀。有以下三個疊加層：直角形狀，底部透明度為0%。具有透明度的外圓。具有透明度的內圓。這是我到目前為止所擁有的。我在下麵包含了一個片段，並且在Codepen上也有一個工作版本。圓圈位於

P粉777458787 2024-02-25 17:09:14 0  1  462

如何使用 svg 或 css 建立混合直線/曲線截面邊界？

對於我的應用程序，我正在創建一個具有非標準部分邊界的註冊頁面。你可以在這裡看到我試圖實現的效果：這不是一個簡單的圓弧——它有兩條直線，而且中間還有一個圓弧。據我所知，實現此類目標的最佳方法是使用SVG。問題是，白色區域將有一個影像覆蓋整個區域。出於演示目的，我將使用淺藍色。如果您使用帶有background-image屬性的標準div，則SVG的白色不透明，因此您會得到以下結果：提示稍後閱讀sha

P粉920835423 2023-09-02 11:35:13 0  1  631

影像的起點和終點

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

P粉511757848 2023-08-31 12:24:51 0  1  585

使用HTML、CSS和SVG建立可擴充的路標

我想製作一個路標形式的按鈕（帶有尖端的矩形）。 _______|\|_______/我想動態地將文字寫入標誌中，每個文字都有不同的長度。如果我僅使用圖形作為背景圖形嘗試此操作，則箭頭會相應地縮放並壓縮/拉伸。因此，將文字放入普通div中並使用CSS:after將箭頭附加為SVG的方法。箭頭應該完全填充，即我不必處理框架問題。 （為了增加可見性，我將SVG保留為黑色）我的第一個問題是箭頭始終位於區塊中而不是

P粉555682718 2024-03-31 14:45:14 0  1  468

javascript - react如何強制一個元件刷新呢？

組件內部有<img src='127.0.0.1/img' />標籤透過url載入圖片，假設初始是返回一張全白色的圖片使用者點擊某個按鈕後，後台處理圖片變成全黑色。這時候希望客戶端可以自動刷新出這個改動來，圖片顯示成...

漂亮男人 2017-05-19 10:30:06 0  3  1082

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

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

P粉896751037 2023-09-08 21:25:41 0  1  851

由於子 div 的左邊距為負值，父 div 無法居中

我創建了以下div，但因為我使用負左邊距來偏移圖標，所以無法將整個div置中。我們可以在桌面上擺脫它，因為你不能很容易地看出整個div向左移動了一點，但在行動裝置上，圓形圖示的左側被切斷。如何讓整個div居中？ .icon-text-box{border:1pxsolidred;}.icon-box{background:#fff;border-radius:33px;margin:6remauto

P粉677573079 2024-01-29 15:04:54 0  1  514

在Safari中如何使用CSS在圓形<button>上獲得圓形輪廓

我試圖獲得一個具有相同顏色輪廓的圓形按鈕，但這似乎不可能。輪廓最終總是呈現正方形。有沒有一種方法可以用a來實現這一點，或者它可能只能用a來實現？ button{width:40px;height:40px;border:none;border-radius:40px;cursor:pointer;background-color:black;display:inherit;outline:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1050

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

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

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

Div外影像移動

我正在建立一個網站，在網頁的中心有一個黑色的div，當我將滑鼠懸停在上面時，中心的圖片會旋轉。問題是，儘管我將圖片放在了div中，但它超出了div的範圍。如何修復這個問題？這是我的HTML程式碼：constimage=document.getElementById("pic");image.classList.add("rotate");constclone

P粉004287665 2023-08-13 15:21:15 0  1  458

Chartjs圖例仍然不可見，即使將其設為true

我對ChartJS相對較新，我正在尋找一種在我的環形圖上顯示標籤的方法。我嘗試在選項中將圖例的可見性設為true，但仍然不起作用。 vardata=[{data:[successfulBuildsCount,failureBuildsCount],labels:["成功","失敗"],backgroundColor:["綠色",&quot

P粉595605759 2023-09-14 18:38:17 0  1  578

javascript - 怎麼透過Html5或原聲js實作圖片在線上裁剪成圓角矩形？

h5或js有什麼方法可以實現圖片在網頁進行裁剪，然後可以剪成圓角的嗎？目前我只看到有裁切成長方形的，不知道能不能實現剪成圓角的.png透明圖

ringa_lee 2017-06-08 11:03:09 0  2  825

如何懸停在一個物件上，使其消失，然後另一個物件出現，以便我可以點擊它？

我的第一個物件是「dog-letter」類別的物件。它有兩個類別為“狗”和“字母”的物件。我設法讓它在懸停後消失。我的第二個物件是一個帶有“狗鼻子”類別的黑色圓圈。但是這個物件出現後我無法點擊它。更新使用z-index:1後，第一個物件給出了一致性，但我仍然無法每次都單擊第二個物件。如果我稍微移動遊標一點，就無法點擊。 .dog-letter-box{border-top:1pxsolid#555;bor

P粉817354783 2024-04-01 13:23:16 0  1  510

Nuxt 和 Vue 社交聊天

我將Vue社交聊天模組安裝到我的Nuxt應用程式中，但無法理解道具和顏色設定的工作原理。目前，一切工作正常，儘管顯示的Whatsapp圖示是黑色的，並且頂部欄位於語音氣泡內。我將如何在Nuxt中更改此設定。作者說使用css變量，但我不知道將這些變數放在哪裡以及如何在我的程式碼中使用它們。 Nuxt也沒有App.vue，所以我直接導入了模組，這似乎可以工作，但我不確定我是否正確執行。這就是我目前的def

P粉993712159 2024-03-26 20:55:20 0  1  488

解決問題2003（HY000）：無法連接到MySQL伺服器' db_mysql：3306'（111）的方法

我最近嘗試將我的FastAPIPython伺服器容器化（也是為了複製/雙倍化）。之前，我只有一個MySQL伺服器在一個Docker容器中，而且一切都很好，但是當我將我的網路伺服器也作為一個服務時，它無法連接到MySQL伺服器，所以現在應用程式無法運作。以下是應用程式中伺服器資料庫初始化連接器的程式碼片段fromfastapiimportFastAPIimportmysql.connectorapp

P粉178132828 2023-09-05 11:18:47 0  1  848