background-image相关内容

CSS 显示调整大小和裁剪的图像

我想显示来自具有特定宽度和高度的 URL 的图像,即使它具有不同的大小比例.所以我想调整大小(保持比例),然后将图像剪切到我想要的大小. 我可以使用 html img 属性调整大小,我可以使用 background-image 进行剪切. 我怎样才能做到这两点? 示例: 这张图片: 具有 800x600 像素大小,我想显示为 200x100 像素的图像 使用 img 我 ..
发布时间:2021-12-01 16:48:00 前端开发

响应式 css 背景图片

我有一个网站 (g-floors.eu) 并且我想让背景(在 css 中我为内容定义了一个 bg-image)也具有响应性.不幸的是,除了我能想到的一件事之外,我真的不知道如何做到这一点,但这是一个很好的解决方法.创建多个图像,然后使用 css 屏幕大小来更改图像,但我想知道是否有更实用的方法来实现这一点. 基本上我想要实现的是图像(带有水印“G")自动调整大小而不显示更少的图像.当然如果可 ..
发布时间:2021-12-01 16:33:06 前端开发

CSS3 背景图片过渡

我正在尝试使用 CSS 过渡来制作“淡入淡出"效果.但我无法让它与背景图像一起使用... CSS: .title a {显示:块;宽度:340px;高度:338px;颜色:黑色;背景:透明;/* 过渡 */-webkit-transition:背景 1s;-moz-transition: 背景 1s;-o-transition: 背景 1s;过渡:背景 1s;}.title a:hover ..
发布时间:2021-12-01 16:30:42 前端开发

如何在同一元素上组合背景图像和 CSS3 渐变?

如何为我的 background-color 使用 CSS3 渐变,然后应用 background-image 来应用某种浅色透明纹理? 解决方案 多背景! body {背景:#eb01a5;背景图片:网址(“IMAGE_URL");/* 倒退 */背景图像:url(“IMAGE_URL"),线性梯度(#eb01a5,#d13531);/* W3C */} 这两行是任何不做渐变的浏 ..
发布时间:2021-12-01 16:08:28 前端开发

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

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

如何将 CSS 过滤器应用于背景图像

我有一个 JPEG 文件,我将它用作搜索页面的背景图像,我使用 CSS 来设置它,因为我在 Backbone.js 上下文: background-image: url("whatever.jpg"); 我想将 CSS 3 模糊过滤器仅应用于背景,但我不确定如何仅设置该元素的样式.如果我尝试: -webkit-filter: blur(5px);-moz-过滤器:模糊(5px);-o-过滤器 ..
发布时间:2021-12-01 15:59:33 前端开发

我可以只为 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 前端开发

Symfony2 - Assetic - 在 CSS 中加载图像

我有一个包含主要 css 文件和图像的 CoreBundle.现在我从 css 加载图像时遇到问题;图像未显示. background-image:url(../images/file.png) (使用完整路径即可) 我使用以下命令安装了资源:assets:install web,我可以在 web/bundles/cmtcore/(css|images) 下看到图像和 css 文件. ..
发布时间:2021-11-30 12:01:01 前端开发

通过 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 Web开发

.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 C#

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

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

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

关于在图像上使用 .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: ..
发布时间:2021-11-10 05:48:33 其他开发