background-image相关内容

在线性渐变上使用带有背景位置的百分比值

有没有办法让 background-position 取百分比值?目前,我的按钮仅适用于 width 和 background-position 的显式值. body {最小高度:100vh;显示:弹性;弹性方向:列;justify-content:空间环绕;对齐项目:居中;}.按钮 {显示:弹性;对齐内容:居中;对齐项目:居中;文字装饰:无;白颜色;字体粗细:粗体;宽度:350px;高度: ..

我可以只为 div 的背景图像设置不透明度吗?

假设我有 你好 我想放置一个 background-image 并给它一个 opacity 0.5 - 但我希望我写的文本能够完全不透明 (1). 如果我写这样的 CSS .myDiv { opacity:0.5 } 一切都将处于低不透明度 - 我不希望那样. 所以我的问题是 – 如何获得带有完全不透明度文本的低不透明度背景图像? 解决方案 不,这是不可能的,因为 o ..
发布时间:2021-12-01 13:09:08 前端开发

用背景图像填充 SVG 路径元素

是否可以为 SVG 元素设置 background-image 元素? 例如,如果我设置元素 class="wall",CSS 样式 .wall {fill: red;} 有效,但 .wall{background-image: url(wall.jpg)} 没有,.wall {background-color: red;}. 解决方案 您可以通过将背景制作成 模式: ..
发布时间:2021-12-01 12:53:23 前端开发

何时使用 IMG 与 CSS 背景图像?

在什么情况下使用 HTML IMG 标签来显示图像比使用 CSS background-image 标签更合适,反之亦然? 因素可能包括可访问性、浏览器支持、动态内容或任何类型的技术限制或可用性原则. 解决方案 IMG的正确使用 如果您打算使用 IMG人们打印你的页面希望默认包含图像.—JayTee 当图像具有重要语义时使用 IMG(带有 alt 文本),例如 警告图标.这可 ..
发布时间:2021-12-01 12:47:00 前端开发

CSS 通过数据图像属性设置背景图像

我有一些具有这种模式的元素: 我想将此元素 background-image 设置为 data-image.我测试了这个 CSS 代码: div[数据图像] {边框:2px纯黑色;背景图片:属性(数据图片网址);} 边框显示正确但背景没有任何反应如何仅使用 css(不是 js 或 jq)修复此代码? 解决 ..
发布时间:2021-11-30 15:12:10 前端开发

通过 URL 更改 Framelayout 的背景图像

是否可以使用url来为framelayout设置background? 示例:我想使用像 this 这样的 URL 作为我的 framelayout 背景. 我真正想要实现的是,当我的活动加载时,它将从我的域中获取图像并将其用作我的框架布局背景图像.我能够做到这一点,但我使用了一个图像视图和一个按钮. 以下是我使用的代码: public class MyAppActivity ..
发布时间:2021-11-27 17:34:50 移动开发

Java:保持 JPanel 背景图像的纵横比

我有一个带有绘制背景图像的 JPanel 和一个包含其他较小图像的布局管理器,所有这些都在 JFrame 中.背景图像非常大,我希望无论是在大显示器还是小显示器上都能保持其纵横比. 最终,我希望能够将我的 LayoutManager 及其单元格中的较小图像“粘"到背景图片上. 我四处寻找资源,似乎很多示例都使用了 BufferedImage,但我没有;这会造成问题吗?我将在下面发布用于 ..
发布时间:2021-11-25 10:46:16 Java开发

.net Core 3.1 错误 404 在 css 中添加背景图像

图像错误 我在添加背景图片时收到错误 404(在控制台中): url("/wwwroot/images/bg-01.jpg"); 我所做的是用模板重新制作登录页面,一切正常.但是不能将图片添加到背景中. 我在记事本中有一个带有纯 css 和 html 和 js 的模板,该模板在传递到 .net 核心时有效.图像有错误.鉴于我没有使用 _Layout路径是正确的,因为我在带有 hr ..
发布时间:2021-11-24 19:59:51 前端开发

Java:保持 JPanel 背景图像的纵横比

我有一个带有绘制背景图像的 JPanel 和一个包含其他较小图像的布局管理器,所有这些都在 JFrame 中.背景图像非常大,我希望无论是在大显示器还是小显示器上都能保持其纵横比. 最终,我希望能够将我的 LayoutManager 及其单元格中的较小图像“粘"到背景图片上. 我四处寻找资源,似乎很多示例都使用了 BufferedImage,但我没有;这会造成问题吗?我将在下面发布用于 ..
发布时间:2021-11-19 22:34:26 Java开发

在将图像添加为背景图像之前检查图像是否存在

关于在图像上使用 .error() 来确定它们是否存在以及如果不存在则添加占位符的堆栈上有一些解决方案,但它们都严格地在 标签.有没有人对没有添加到 标签而是作为 div 背景的图像执行这种类型的验证? 我们有一组来自第 3 方 API 的图像,并且在某些情况下,返回的整个图像 URL 集不存在.验证一组图像(注定是背景图像)以确定它们是否存在,然后在验证失败时应用适当的占位符的 ..
发布时间:2021-11-15 02:26:29 其他开发

Flash Builder AIR 项目背景图片

我对 Flash Builder 非常陌生,正在尝试创建具有自定义背景的 AIR 应用程序.如何在我的项目中放置背景图像?我试过只将图像放在设计视图中,但在我运行项目时它从未出现过. 解决方案 自己修复,添加@Embed(source='/path/to/file.jpg')而不是浏览功能放置的内容:/path/to/file.jpg我从看到按钮(显示)上的图标是如何编写的中得到了这个想法 ..
发布时间:2021-11-12 00:30:32 其他开发

在 r 中向背景图像添加半透明层时出现错误:无效输入:date_trans 仅适用于类 Date 的对象

我正在尝试在 r 图中向 背景图像 添加 半透明覆盖黑色层.它通过使用 annotate 并从以下位置获得解决方案:如何在r中的背景图片上方添​​加黑色叠加半透明层? 问题:半透明层没有完全从左到右延伸在绘图图像上. 如果我尝试使用 xmin = -Inf, xmax = Inf 那么它会由于日期刻度 xaxis 而出现错误. 那么如何用图层覆盖整个图像? df 图书馆( ..
发布时间:2021-11-10 23:21:26 其他开发

如何通过 CSS3 动画淡入背景图像

我正在制作一个菜单,每个项目都有一个文本,如 item1、item2 等.悬停时背景颜色会发生变化,文本变得透明,背景图像被替换.我使用此代码来缓入和缓出样式.但它只适用于背景颜色,而不适用于图像. #nav li:hover {颜色:透明!重要;文字阴影:无;背景颜色:rgba(255, 0, 0, .5);-webkit-transition:全 1s 缓入;-moz-transition: ..

如何在 Angular Material 应用程序的 div 元素中设置背景图像?

我知道有人问过这个问题,但没有一个解决方案有效.我有以下 html,如果我使用评论的 img-element ,我可以显示图像 并注释掉以下 div 元素.但是,我想为 div 使用背景图像,但它不起作用.CSS 定义在文件末尾,图像没有 404 错误,因此可以获取但不显示. HTML: ..
发布时间:2021-11-10 01:51:26 前端开发

<div> 中的背景图像不显示

video id (#video) 中的 background-image 未显示.我已经包含了 pure grid 样式.我已经尝试了使用标签的替代方法,但是稍后我还想在图像中间添加一个按钮.有没有办法使用 div 标签来显示我的背景图像?谢谢 HTML 代码: 关 ..
发布时间:2021-09-23 20:52:10 前端开发

如何将 CSS url 设置为绝对位置?

我正在开发一个 HTML5 移动应用程序,我最初通过 CSS 设置了一个 DIV 项目的背景,如下所示: background-image: url('images/ClanSpider.png'); 在我的应用程序中,我有一种方法可以根据使用 jQuery 的先前方法的下拉列表中所做的选择更改背景 DIV: 函数 ResetMyHonor(){ClanImage = 'images/Cla ..
发布时间:2021-09-23 20:11:40 前端开发