標簽[background-image] - 堆棧內存溢出

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

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

將 png 圖像設置為 div 背景

[英]Setting png image as a div background

我有一個 png 圖像，它在實際圖像周圍有透明空間。像這樣我想將此圖像作為 div 的背景。但是 div 應該只顯示周圍沒有透明區域的圖像。這就是我現在所擁有的。 https://jsfiddle.net/qhoty913/8/ 我怎樣才能確保內部 div 圖像從實際圖像開始並且它周圍不會 ...

使用暗濾鏡作為內容和順風 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: ...

反應如何將圖像設置為導航欄的背景

[英]React how to set image as background of navbar

我正在使用 create-react-app 並有一個我想添加背景圖像的導航欄。我嘗試了幾種不同的方法，例如添加 backgroundImage 樣式和添加圖像標簽，但無法使其正常工作。我使用的圖片是 a.jpg，是從圖片庫網站下載的。我通過將圖像拖入並將其添加到圖像文件夾來將圖像添加到我的項 ...

Android Studio Java：如何將約束布局的背景設置為來自 URL 的圖像？

[英]Android Studio Java: How do I set the background of a constraint layout to be an image from a URL?

我正在開發一個應用程序，它要求我將背景圖像更改為 URL 在不同時間提供的圖像。但是我該怎么做呢？使用以下方法不起作用，因為該方法采用 integer 而不是字符串。我也不能使用 Picasso 庫中的以下方法，因為無法將約束布局轉換為目標：我也試過這樣做：但是，我的 try catch ...

背景圖像在現場不起作用，返回錯誤

[英]Background Image not working on site, returns error

背景圖像似乎無法按預期工作。 output：看這里 Github 回購調查： https://www.github.com/vishalscodes/shashiks （文件從_site文件夾部署）網址： https://shashiks.netlify.app 即使使用 url() funct ...

菜鳥，CSS 背景圖不顯示？請幫忙？

[英]Newbie! CSS Background image not displaying, help please?

我試圖在背景中放置一個圖像，在一個大 div 的兩端， CSS 代碼：結束代碼。但是，圖像不會顯示。有任何想法嗎？提前謝謝了。將圖像放在主文件中，工作，但它把它放在前台.... ...

背景圖像不隨其父級擴展

[英]Background Image not expanding with it's parent

我目前正在對前端導師進行挑戰，但是我用來創建彎曲部分的背景圖像有問題，如果你 go 到開發者頁面，並將屏幕擴大到比方說 2000 像素，彎曲部分不會擴大我正在描述的圖片 github 存儲庫的代碼是https://github.com/Nadine-Green/Huddle-Landing-Page ...

TailwindCSS - 背景圖片未在構建時加載

[英]TailwindCSS - background image not loading on build

我正在做一個前端導師挑戰，我在將我的項目發布到 Vercel 時遇到了問題。無法加載背景圖像。一切都在我的本地機器上運行，但在部署時，唯一不加載的圖像是背景圖像。我正在使用 Vite 構建工具、React 和 TailwindCSS。圖片路徑為./public/images/bg-mobil ...

背景圖像 hover 效果問題 - 縮小對右邊緣不起作用

[英]Problem with background-image hover effect - zoom out doesn't work for the right edge

你能不能看看這個？我有這段代碼： HTML： CSS：代碼筆：代碼筆鏈接我希望這張圖片在 hover 上變小。它正在工作，但僅適用於頂部、底部和左側，但右側保持不變（我的意思是它不會在右側邊緣的 hover 上更改其 position）。您是否知道如何解決這個問題以及我做錯了什么？先感謝 ...

Nuxt3 綁定圖像斷路

[英]Nuxt3 binding images broken path

我有一組對象，其中包含我正在遍歷的圖像及其各自的信息。圖像的路徑未正確呈現。這是 data() 方法中的示例數組：迭代是：我在圖像 src 上的瀏覽器中得到的是 - @/static/img/work/1.jpg 現在，如果我硬編碼 @/static/img/work/1.jpg 並且不綁定 ...

Tailwind CSS 不適用於背景圖像 class 的 javascript 變量

[英]Tailwind CSS not working with javascript variables for backgroundImage class

我們將 Tailwind CSS 用於我們的 NextJs 應用程序，並且在將backgroundImage property與 javascript 變量一起使用時遇到問題。因此我們必須像這樣使用它，這是不鼓勵作為編碼實踐的：我們不想在這里使用style attribute ，而是想使用 Ta ...

為什么css背景不重復

[英]Why css background not repeating

我想水平重復我的圖像。但是，它不會重復我的index.html頁面 body { margin: 0; background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%); overflow: hidden ...

背景圖片不透明度 HTML

[英]Opacity of background picture in HTML

我可以更改HTML中背景圖片的opacity嗎？我在網上找到了一個解決方案，但在其中在背景圖片的頂部添加了一個框，並且更改了框的不透明度，從而改變了背景圖片的不透明度。 body { background-image: url("http://placekitten.com/g/300/100 ...

在 JS 中更改其 url 時背景圖像消失

[英]Background Image disapear when changing its url in JS

我試圖在單擊它時更改我的背景圖像，但背景圖像消失了。即使當我嘗試通過完全相同的圖像更改它點擊之前當我點擊並開始我的替換 function 你可以看到新的 url 是完全相同的點擊之后 JS部分 Css部分它不是查詢選擇器錯誤，因為我可以看到它更改了 url（我嘗試設置背景顏色並且這有效） ...

有什么方法可以使背景圖像自行調整大小以適應為 css 中的元素設置的剪輯路徑？

[英]Is there any way to make background image resize itself to the clip-path set for the element in css?

所以我希望我的背景圖像遵循其元素的形狀。就像我將元素的剪輯路徑設置為： clip-path: polygon(0 0, 50% 10%, 50% 90%, 0% 100%); 然后我希望背景圖像更改其大小和縱橫比以匹配元素的剪輯路徑。我嘗試的一切都是裁剪背景圖像，而不是重塑、拉伸或擠壓它。 ...

我只能找到如何將較小的背景適合較大尺寸的頁面使用我想將 5000 像素的背景適合較小頁面的寬度

[英]I can only find how to fit a smaller background to a bigger size page using I want to fit a 5000px background to the width of smaller pages

我有一個 5000px 加 bg 圖像，我想將其用作背景，但我希望它適合寬度。我只能將 CSS 應用於正文或 html。我不能將任何 div 或任何其他 HTML 添加到頁面。我的想法是將背景拉伸到頁面的寬度。如果我使用 1024px 寬度，它與 1080P 屏幕尺寸完美配合，但在 2k 或 ...

正確包含 CSS 屬性但仍無法正常工作

[英]CSS Property included correctly but still not working

我在 style.css 中正確添加了 css 屬性，所有其他的東西也都是正確的，但仍然沒有出現在屏幕上 CSS: HTML: ...

是否可以像在視頻制作中那樣只在 CSS 中模糊背景圖像？

[英]Is it possible to only blur background image solely in CSS like is done in video production?

在我的站點中，我有一個帶有隨機用戶提交圖片的照片 div。當與縱向手機視頻混合時，我遇到了與廣播電視等橫向視頻相同的“填充框架”問題 - 他們使用模糊的放大版本來填充未使用的空間。有沒有辦法只在 CSS 中產生這種效果？在我所有的嘗試中，模糊影響了整個堆棧，模糊了所有疊加的圖像和文本。期望 ...

背景圖片的相對路徑

[英]Relative path for a background image

我試圖在網站上獲取背景圖片，但無法正確獲取相對路徑（是的，我是新手）。這是來自 w3 學校的通用代碼： ...