提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

如何使用 Next.js 设置背景图像？

我尝试使用Next.js设置背景图像，但不能。这行不通。图片不会显示：//globals.cssbody{background:url("/images/grid.svg")repeat;}我想在整个页面上重复背景图像，如下所示：如何设置？预先感谢您！

P粉725827686 2023-09-09 12:39:05

显示背景图片

我想在我的项目中添加背景图像，但是不起作用。我尝试全局添加背景图像，但是不起作用。

P粉347804896 2023-07-25 13:13:23

将 CSS 精灵缩放为背景图像：指南

.my-sprite{背景图像：url（“https://i.stack.imgur.com/lJpW8.png”）;高度：100px;宽度：100px;背景位置：00;背景位置：-200px0px ;}<divclass="my-sprite">&l

P粉063862561 2023-11-02 10:39:28

javascript - 背景颜色怎么覆盖图片或者背景图片以及div的圆弧

1.头像和背景图片是一个，但是加了个不透明的背景颜色，但是图片一直是压住背景色（第二个图那样）2.怎么弄div的弧度啊，用border-radius出不来这种角度，求解答。

给我你的怀抱 2017-06-26 10:58:38

如何设置背景图像、使其全屏显示并将其设置到页面背面（HTML、CSS、JavaScript）

我想为我创建的这个简单游戏设置背景图像，但不知道如何使图像居中于输入屏幕并覆盖所有页面的高度和宽度。我还希望图像成为背景，这样游戏就可以在图像之上，图像应该是底层。letcharacter=document.getElementById('character');letcharacterBottom=parseInt(window.getComputedStyle(character).getPr

P粉384244473 2024-03-22 09:53:51

如何防止背景图像在更改时闪烁

我通过JavaScript将重复的背景图像从画布应用到div，如下所示：varimg_canvas=document.createElement('canvas');img_canvas.width=16;img_canvas.height=16;img_canvas.getContext('2d').drawImage(canvas,0,0,16,16);varimg=img_canvas.to

P粉590929392 2023-10-20 21:38:57

如何将 CSS 滤镜应用到背景图像

我有一个JPEG文件，用作搜索页面的背景图像，并且我使用CSS来设置它，因为我在Backbone.js上下文中工作：background-image:url("whatever.jpg");我想仅对背景应用CSS3模糊滤镜，但我不确定如何仅设置该元素的样式。如果我尝试：-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filte

P粉675258598 2023-08-23 14:06:46

background 背景

Background-color：#CCC；背景色Background-img:url(/img/1.jpg);背景图Background-repeat:no-repeat；不平铺 repeat-x 水平平铺 repeat-y 垂直平铺Background -position：30px 40px ；或者30% 40%；背景图片定位 Background：url(i

Geek 2018-11-07 20:45:51

制作可自适应屏幕大小的按钮-背景图像的用法详解

我正在开发一个需要多个图形并排显示并且能够根据设备屏幕大小自适应的pfsensecaptiveportal。使用图像输入类型可以很好地实现这一点。然而，pfsense设备无法正确识别此提交。它需要一种带有值为“Continue”的提交类型才能工作。我尝试使用背景图像来替代，但是背景图像无法缩放。随着屏幕变小，它会显示为全尺寸并被裁剪。我该如何使背景图像自适应大小？#content{font-fam

P粉345302753 2023-08-16 13:38:12

背景图像如何使用CSS滤镜效果

我有一个JPEG文件，我正在将其用作搜索页面的背景图像，并且我正在使用CSS进行设置，因为我正在Backbone.js上下文中工作：background-image:url("whatever.jpg");我想仅对背景应用CSS3模糊滤镜，但是我不确定如何仅对该元素进行样式设置。如果我尝试：-webkit-filter:blur(5px);-moz-filter:blur(5p

P粉022285768 2023-08-20 13:28:36

如何使用具有圆角背景的文本覆盖图像

我需要在HTML中复制您在此图像中看到的内容：问题是文本覆盖了div和背景图像。如果外部div中没有图像并且没有纯色，我可以想象我可以相当轻松地使用一些带有圆角的小html元素放置在正确的位置来完成此操作，但是背景图像是是什么增加了复杂性。到目前为止，我有这个......如你所见，我被困在两个圆角上。谁能提出解决方案？请注意，它必须在所有现代浏览器中工作：#outer{width:100%;hei

P粉328911308 2023-08-30 15:20:14

Storybook with Tailwind - Tailwind 的背景图像未解析

Tailwind背景图像具有以下语法：backgroundImage:(theme)=>({"drop-arrow":"url('/res/public/images/drop_down_arrow.svg')",...})其中/res位于文件夹../www/www/res..之外，但使用url在网络上进行解析。这个项目已经相当大了，我想介绍一下故事书

P粉786432579 2024-03-29 10:58:35

尝试在 Twig 模板中使用带有 css 变量的背景图像

所以我有一个问题。我想将背景图像与css变量一起使用，并且在我的项目中，我使用Twig循环显示文章，这些文章是通过sql请求从我的数据库中选择的。每篇文章都有数据库中图片的相对链接，因此可以在网站上看到。问题是，我想使用数据库中与文章背景相同的图像链接。我尝试使用这样的css变量：div.liste{position:relative;display:flex;background-image:v

P粉083785014 2023-09-04 12:41:18

将动画添加到 body 标记中的背景图像属性：分步指南

我在样式标签中使用背景图像。<style>body{background-image:url("img.jpg");background-size:cover;transition:background-image4slinear;}</style>我希望图像淡入，而无需在页面上添加单独的div。可以实现这个目标吗？

P粉347804896 2024-03-29 21:59:19

更改背景图像的不透明度，同时保留子元素的可见性

是否可以设置背景图像的不透明度而不影响子元素的不透明度？示例页脚中的所有链接都需要自定义项目符号（背景图像），并且自定义项目符号的不透明度应为50%。HTML<divid="footer"><ul><li><ahref="#">Link1</a></li><li><ah

P粉354602955 2023-10-10 19:40:19

如何使用 HTML 中上传的文件中的图像作为背景？

我正在尝试使用允许用户上传将用作背景的图像。我不知道是否需要获取文件的完整路径。这是我尝试使用的输入：这是与输入关联的JavaScript背景=selectBackground.value;document.body.style.background="#4d3325url('"+background+"')无重复中心中心固定";document.body.

P粉920199761 2023-09-08 13:49:16

如何修复基于 Chromium 的浏览器上的像素化背景图像？

在基于Chromium的浏览器上，用作background-image的缩小图像会被像素化，而在使用<img>标签显示时看起来会更加模糊。有没有办法更改背景图像的渲染样式，使其看起来像标签中的显示？我尝试了image-rendering属性，但它似乎不适用于background-image。它在Firefox上看起来不错。Brave上的渲染示例，左边是background-image，

P粉549412038 2024-03-19 21:10:42

背景图像上的响应式 PNG 图像？

我正在尝试制作这样的页面设计：点击事实上，我成功了。问题是，当我更改网页的分辨率时，元素重叠，背景div和PNG的行为不同，一切看起来都很糟糕。（我尝试过使用位置：绝对（PNG）和位置：相对（背景））

P粉107991030 2024-02-21 21:06:46