background 相关问题

CSS 背景图像未出现在 Safari 中

我有一个非常简单的任务，将背景图像应用到 DIV。我可以使用除 Safari 之外的所有其他浏览器查看图像。有人可以看一下我的 CSS 和网站并告诉我我在做什么吗

是否可以为 Android 构建一个 Cordova 应用程序，每天晚上在设定的时间在后台调用 Web 服务？

我有以下用例： 为 Android 设备构建基于 Cordova 的移动应用程序 该应用程序应该通过每天凌晨 4 点调用 Web 服务来从服务器获取数据 该设备将是

ggplot2 透明/白色图例键与 stat_ellipse

我有一个图，其中我使用 stat_ellipse 显示某些点周围 95% 置信度的椭圆。我想摆脱图例中点后面的灰色背景，但它不起作用......

如何使背景出现在具有自己背景颜色的子元素上

我有一个带子项的可滚动容器元素： Adipisci，totam。 错误，命令。 我有一个带子项的可滚动容器元素： <ul class="scroll-shadows"> <li>Adipisci, totam.</li> <li>Error, dicta.</li> <li class="disabled-item">Disabled input</li> <li>Eveniet, dolorem!</li> ... </ul> 可滚动容器有顶部阴影（背景）： background: linear-gradient( gray, white ) center top; 子项已禁用并具有背景颜色： .disabled-item { background-color: #F6F6F7; } 问题是禁用元素的背景颜色出现在背景阴影上方。 有没有办法将阴影优先于背景颜色，以便阴影出现在顶部？ 我尝试过的： 尝试使用背景混合模式，但没有效果。 尝试使用z-indexes，但没有效果。 您可以在这里看到问题： // just so demo loads scrolled down a little. document.querySelector(".scroll-shadows").scrollTop = 30; .disabled-item { background-color: #F6F6F7; } .scroll-shadows { width: 600px; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; background: /* Shadow TOP */ linear-gradient( gray, white ) center top; background-repeat: no-repeat; background-size: 100% 60px; background-attachment: scroll; } /* Not important to the functionality, just for this particular demo */ .scroll-shadows { list-style: none; padding-left: 1rem; padding-right: 1rem; } .scroll-shadows > * { padding: 0.2rem; } * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: grid; place-items: center; font: 500 100% system-ui, sans-serif; } .scroll-shadows { --scrollbarBG: transparent; --thumbBG: #90a4ae; scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); } .scroll-shadows::-webkit-scrollbar { width: 8px; } .scroll-shadows::-webkit-scrollbar-track { background: var(--scrollbarBG); } .scroll-shadows::-webkit-scrollbar-thumb { background-color: var(--thumbBG); border-radius: 6px; border: 3px solid var(--scrollbarBG); } <div> <ul class="scroll-shadows"> <li>Adipisci, totam.</li> <li>Error, dicta.</li> <li class="disabled-item">Disabled input</li> <li>Eveniet, dolorem!</li> <li>Id, tempora!</li> <li>Voluptate, consectetur?</li> <li>Voluptatibus, omnis.</li> <li>Eius, fugit.</li> <li>Quia, non!</li> <li>At, laudantium?</li> <li>Commodi, maiores!</li> <li>Lorem</li> <li>Ipsum</li> <li>Dolor</li> <li>Sit</li> <li>Amet</li> </ul> </div> CodePen：https://codepen.io/Radek-Skrabal/pen/oNJzMEQ 您可以尝试向 .disabled-item 元素添加具有“darken”值的混合混合模式；它看起来像这样： .disabled-item { background-color: #F6F6F7; mix-blend-mode: darken; }

一种在背景颜色上设置渐变的 CSS 方法

你能帮我解决以下挑战吗？有针对这个的解决方法吗？ 他们有一个带有子项的可滚动容器： 阿迪皮斯西，... 你能帮我解决以下挑战吗？这个问题有解决办法吗？ 他们有一个带孩子的可滚动容器： <ul class="scroll-shadows"> <li>Adipisci, totam.</li> <li>Error, dicta.</li> <li class="disabled-item">Disabled input</li> <li>Eveniet, dolorem!</li> ... </ul> 可滚动容器有顶部阴影（背景）： background: linear-gradient( gray, white ) center top; 子项已禁用（背景颜色）： .disabled-item { background-color: #F6F6F7; } 有没有办法让阴影优先于背景颜色？ 我为这种情况创建了一个CodePen： https://codepen.io/Radek-Skrabal/pen/oNJzMEQ 尝试使用背景混合模式，但没有效果。 尝试使用z-indexes，但没有效果。 您可以尝试向 .disabled-item 元素添加具有“darken”值的混合混合模式；它看起来像这样： .disabled-item { background-color: #F6F6F7; mix-blend-mode: darken; }

如何使用多边形制作如图所示的背景

我想知道如何使用剪辑路径多边形命令制作这样的标题。插入图像会更简单，但我想在 css 中学习和使用动画，我可以做到。 当我尝试...

对多个堆叠的 div 元素进行模糊效果

当使用模糊滤镜作为多个堆叠元素的背景滤镜时，我遇到了元素分离问题，如屏幕截图中所示。这是我当前的 CSS 代码： 背景-co...

CardView 上的透明背景 - Android

我想在CardView上做透明背景。 我知道背景颜色，但我的布局上有图像。 你知道怎么做吗？或者像卡片视图一样工作的东西，但我会设置一个透明的背景...

变色背景动画

我目前正在开发一个网站，我想要一个背景在某些点改变颜色的动画。 @keyframes背景颜色{ 0% { 背景：#dfdfdf； } ...

Kotlin coroutines.delay 在后台花费太多时间

我有一个带有 kotlin 的 Android 应用程序，其中我需要每 X 秒执行一次 http 请求（以 10 秒为例），问题是执行请求后我希望手机等待

烦人的方块出现在天气应用程序中作为背景图片

嗨，我最近开始了一个 js 项目，称为天气应用程序。我做这个项目是为了学习 fetch api，后来我添加了 css trsnsitions 和动画，无论如何，我完成了整个项目...

ASP.NET MVC 背景图片

我是 ASP.NET MVC 的新手。我正在尝试制作一个像样的网站，但遇到了一个愚蠢的问题： 我无法将背景设置为本地图像。 在 Site.css 中，这有效： 身体 { 顶部填充：50...

图像文件未正确加载

使用 Javascript Canvas 和 HTML5 我已经以相同的方式加载了大约 100 个背景，但这是一个特定的背景，即使它具有正确的名称，没有空格，并且代码与

如何在 Objective-C 中等待线程完成

我正在尝试使用我在某处下载的类中的方法。该方法在程序继续执行的同时在后台执行。我不想让程序继续执行直到...

我如何在Android上在后台运行Unity应用程序？

我有一个问题，我需要我的 Android 应用程序在后台保持活动状态。 Application.runInBackground = true;

Phaser 后台加载问题，是相机造成的吗

我正在制作一款游戏，其中摄像机会跟随玩家穿过关卡。但我在背景方面遇到了麻烦。 游戏窗口是1600 x 900，而背景图像是3400...

尽管 URL 路径正确，但背景图像未显示

我正在尝试在我的 React 项目中添加背景图像，但尽管有正确的相对路径作为 URL，但它没有显示。 这是我的“App.js”： 导入“./styles.css”；

悬停时从下到上更改背景

如何使用从底部到顶部的持续时间为 0.3 秒的过渡来更改 a:hover 上的背景颜色？ &... 如何使用持续时间为 0.3 秒的从底部到顶部的过渡来更改 a:hover 上的背景颜色？ <ul> <li><a></a></li> <li><a></a></li> <li><a></a></li> </ul> 这可能吗？ 谢谢 没有办法（一般）在 CSS 中应用过渡方向。但是，我们可以通过使用伪元素（或其他方法，例如此示例如何使用渐变）来解决该限制。 通过使用伪元素，其最初的visible高度为0，我们可以在链接悬停时将高度从所需方向转换到所需方向。出于性能原因，最好使用 transform: scale，这意味着在这种情况下我们需要将 transform-origin 设置为 bottom center 以确保它从下到上。 这种方法可能是最通用的，适用于非固体背景等，但确实需要伪元素或子元素。 该方法的 CSS 是： li { background: red; } a { position: relative; z-index: 1; } a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; transform: scaleY(0); transform-origin: bottom center; background: blue; z-index: -1; transition: transform 0.3s; } a:hover::after { transform: scaleY(1); } 演示

Azure Redis 缓存：读取器完成后不允许读取

我编写了缓存更新功能。 这是我的 Redis 缓存实现： 公共类RedisCache：ICache { 私有只读 IDatabase _cache； 公共 RedisCache（字符串

应用程序被终止时如何将数据发送到 Firestore？

我一直在从事一个项目，我需要获取用户的位置数据并将其在后台发送到Firestore（即，当应用程序被杀死时） 这可以吗？如果是的话怎么办？如果没有的话...