我想在我的页面上使用 img 作为图像幻灯片横幅的背景图像。 原因是出于可访问性原因而包含替代文本。 要在后台移动 img,我必须给它一个负的 z-index。 否则,它总是显示在内容之上。 标记行作为 h1 标题包含在横幅上。 一旦横幅处于负 z-index 中,就无法选择这些标题或与之交互。 ...
我想在我的页面上使用 img 作为图像幻灯片横幅的背景图像。 原因是出于可访问性原因而包含替代文本。 要在后台移动 img,我必须给它一个负的 z-index。 否则,它总是显示在内容之上。 标记行作为 h1 标题包含在横幅上。 一旦横幅处于负 z-index 中,就无法选择这些标题或与之交互。 ...
我有一个 png 图像,它在实际图像周围有透明空间。 像这样 我想将此图像作为 div 的背景。 但是 div 应该只显示周围没有透明区域的图像。 这就是我现在所拥有的。 https://jsfiddle.net/qhoty913/8/ 我怎样才能确保内部 div 图像从实际图像开始并且它周围不会 ...
所以让我先举个例子,我正在创建索引页面,它有 css,在 id-content::before 中有一些深色背景过滤器,它有 z-index: -1 和 background-image 的实际 id-content 有 z- index:1 并且它按预期工作但是当我使用默认值为 z-index: ...
我正在使用 create-react-app 并有一个我想添加背景图像的导航栏。 我尝试了几种不同的方法,例如添加 backgroundImage 样式和添加图像标签,但无法使其正常工作。 我使用的图片是 a.jpg,是从图片库网站下载的。 我通过将图像拖入并将其添加到图像文件夹来将图像添加到我的项 ...
我正在开发一个应用程序,它要求我将背景图像更改为 URL 在不同时间提供的图像。 但是我该怎么做呢? 使用以下方法不起作用,因为该方法采用 integer 而不是字符串。 我也不能使用 Picasso 库中的以下方法,因为无法将约束布局转换为目标: 我也试过这样做: 但是,我的 try catch ...
背景图像似乎无法按预期工作。 output:看这里 Github 回购调查: https://www.github.com/vishalscodes/shashiks (文件从_site文件夹部署) 网址: https://shashiks.netlify.app 即使使用 url() funct ...
我试图在背景中放置一个图像,在一个大 div 的两端, CSS 代码: 结束代码。 但是,图像不会显示。 有任何想法吗? 提前谢谢了。 将图像放在主文件中,工作,但它把它放在前台.... ...
我目前正在对前端导师进行挑战,但是我用来创建弯曲部分的背景图像有问题,如果你 go 到开发者页面,并将屏幕扩大到比方说 2000 像素,弯曲部分不会扩大我正在描述的图片 github 存储库的代码是https://github.com/Nadine-Green/Huddle-Landing-Page ...
我正在做一个前端导师挑战,我在将我的项目发布到 Vercel 时遇到了问题。 无法加载背景图像。 一切都在我的本地机器上运行,但在部署时,唯一不加载的图像是背景图像。 我正在使用 Vite 构建工具、React 和 TailwindCSS。 图片路径为./public/images/bg-mobil ...
你能不能看看这个? 我有这段代码: HTML: CSS: 代码笔:代码笔链接我希望这张图片在 hover 上变小。它正在工作,但仅适用于顶部、底部和左侧,但右侧保持不变(我的意思是它不会在右侧边缘的 hover 上更改其 position)。 您是否知道如何解决这个问题以及我做错了什么? 先感谢 ...
我有一组对象,其中包含我正在遍历的图像及其各自的信息。 图像的路径未正确呈现。 这是 data() 方法中的示例数组: 迭代是: 我在图像 src 上的浏览器中得到的是 - @/static/img/work/1.jpg 现在,如果我硬编码 @/static/img/work/1.jpg 并且不绑定 ...
我们将 Tailwind CSS 用于我们的 NextJs 应用程序,并且在将backgroundImage property与 javascript 变量一起使用时遇到问题。 因此我们必须像这样使用它,这是不鼓励作为编码实践的: 我们不想在这里使用style attribute ,而是想使用 Ta ...
我想水平重复我的图像。 但是,它不会重复我的index.html页面 body { margin: 0; background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%); overflow: hidden ...
我可以更改HTML中背景图片的opacity吗? 我在网上找到了一个解决方案,但在其中在背景图片的顶部添加了一个框,并且更改了框的不透明度,从而改变了背景图片的不透明度。 body { background-image: url("http://placekitten.com/g/300/100 ...
我试图在单击它时更改我的背景图像,但背景图像消失了。 即使当我尝试通过完全相同的图像更改它点击之前当我点击并开始我的替换 function 你可以看到新的 url 是完全相同的点击之后 JS部分 Css部分 它不是查询选择器错误,因为我可以看到它更改了 url(我尝试设置背景颜色并且这有效) ...
所以我希望我的背景图像遵循其元素的形状。 就像我将元素的剪辑路径设置为: clip-path: polygon(0 0, 50% 10%, 50% 90%, 0% 100%); 然后我希望背景图像更改其大小和纵横比以匹配元素的剪辑路径。 我尝试的一切都是裁剪背景图像,而不是重塑、拉伸或挤压它。 ...
我有一个 5000px 加 bg 图像,我想将其用作背景,但我希望它适合宽度。 我只能将 CSS 应用于正文或 html。我不能将任何 div 或任何其他 HTML 添加到页面。 我的想法是将背景拉伸到页面的宽度。 如果我使用 1024px 宽度,它与 1080P 屏幕尺寸完美配合,但在 2k 或 ...
我在 style.css 中正确添加了 css 属性,所有其他的东西也都是正确的,但仍然没有出现在屏幕上 CSS: HTML: ...
在我的站点中,我有一个带有随机用户提交图片的照片 div。 当与纵向手机视频混合时,我遇到了与广播电视等横向视频相同的“填充框架”问题 - 他们使用模糊的放大版本来填充未使用的空间。 有没有办法只在 CSS 中产生这种效果? 在我所有的尝试中,模糊影响了整个堆栈,模糊了所有叠加的图像和文本。 期望 ...
我试图在网站上获取背景图片,但无法正确获取相对路径(是的,我是新手)。 这是来自 w3 学校的通用代码: ...