background 相关问题

如何使用从底部到顶部的持续时间为 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); } 演示

css background css-transitions

回答 1 投票 0

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

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

c# azure redis background backgroundworker

回答 1 投票 0

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

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

android firebase flutter google-cloud-firestore background

回答 1 投票 0

在应用程序类的后台加载库

我开发了一个Android应用程序，我也有应用程序类。问题是我在我的应用程序中集成了许多服务，而这些服务提供商要求我初始化

java android multithreading android-asynctask background

回答 2 投票 0

计时器在背景抖动中不起作用

当应用程序在 iOS 中进入后台时，不会打印此代码。 Timer.periodic(Duration(秒: 1), (timer) { print('timer'); } 我需要将状态保存到数据库并在完成计时器后播放声音。 ...

ios flutter timer background

回答 3 投票 0

更改 ZSH 自动完成突出显示？

我是 ZSH 新手，在更改自动完成功能中的某些颜色时遇到了一些问题。当列表出现时，我使用箭头在

autocomplete background themes zsh

回答 1 投票 0

剪辑图像以使其不超出视频背景

我有一个视频背景和该视频顶部的图像。问题是图像的底部延伸超过了视频高度，我想被剪裁，以便它停在视频的底部。我

html css video background

回答 1 投票 0

iframe 中背景的行为

我用以下代码制作了一个网页“show1.html”： html,正文{ 保证金：0；高度：100%； } 图像{ 显示：块；宽度：100%；高度：100%；对象...</desc> <question vote="0"> <p>我用以下代码制作了一个网页“show1.html”：</p> <pre><code><html> <style> html,body{ margin:0; height:100%; } img{ display:block; width:100%; height:100%; object-fit: cover; } </style> <head> <title>Show on time</title> <script type="text/javascript"> var DJimages = [ // add path to directory if necessary "1.jpeg", "2.jpeg" // NOTE: no comma after last entry ]; function TODimage() { var now = new Date(); hr = now.getHours(); // alert(hr); // for testing var DJ = 0; // midnight to 5:59 am if ((hr >= 20) && (hr < 24)) { DJ = 1; } // 6pm to midnight document.getElementById('DJimage').src = DJimages[DJ]; document.getElementById('DJimage').alt = DJimages[DJ]; } </script> </head> <body onload="TODimage()"> <img id="DJimage" src="" alt="DJimage"> </body> </html> </code></pre> <p>我有一个 iframe 页面，其中包含以下代码：</p> <pre><code><!doctype html> <html> <head> <script> function loadFrame (elm){ var frame1 = document.getElementById('frame1'); frame1.src = elm.dataset.src; } </script> </head> <body> <button id="b1" data-src="show1.html" onclick="loadFrame(this)">Show1</button> <button id="b2" data-src="show2.html" onclick="loadFrame(this)">Show2</button> <button id="b2" data-src="show3.html" onclick="loadFrame(this)">Show3</button> <button id="b2" data-src="show4.html" onclick="loadFrame(this)">Show4</button> </br> <iframe id="frame1" width="100%" style="position: absolute; height: 100%; overflow:hidden; border: none"></iframe> </body> </html> </code></pre> <p>但是当我打开 Show1 时，它不是全屏，我的左侧仍然有白色（因此我可以从左向右滚动）</p> <p>我做错了什么？</p> <p>我首先将样式代码添加到show1.html中该页面很完美，但在 iframe 中打开后就不是了。</p> </question> <answer tick="false" vote="0"> <p>当您在 iframe 内加载“show1.html”页面时，它不会占据 iframe 的整个宽度，并且您会在左侧看到空白。请为 body 元素添加样式默认边距和填充：</p> <pre><code><style> body { margin: 0; padding: 0; } </style> </code></pre> <p>如果问题仍然存在，可能是由于父页面的样式与 iframe 的样式之间存在冲突。所以你可以使用这个代码：</p> <pre><code><iframe id="frame1" width="100%" style="position: absolute; height: 100%; overflow: hidden; border: none; margin: 0; padding: 0;"></iframe> </code></pre> <p>通过重置 iframe 内容和 iframe 本身的边距和填充。</p> </answer> </body></html>

html iframe background

回答 0 投票 0

更改 pygame 窗口标题栏的颜色

我目前正在使用Python 3.7.0 编写贪吃蛇游戏。我用的是pygame。我是 Python 新手，我不知道如何更改颜色，因为背景本身是黑色的，并且“Window Bar&...

python colors pygame background background-color

回答 2 投票 0

网站后台响应式

我使用此代码：身体 { 背景图像：url（'http://evoxity.net/modules/themeconfigurator/img/bgen.jpg'）！重要；背景重复：不重复！重要； -webkit-background-size:cover!importa...

html css background

回答 1 投票 0

我想更改每行的 HTML 表格的背景颜色，但在智能手机上它会针对每个单元格进行更改

当我编写下面的代码时，它在PC上以开发者模式（智能手机模拟）正常显示，但当我在实际设备上检查它时，设计崩溃了。・HTML 当我编写下面的代码时，它在PC上以开发者模式（智能手机模拟）正常显示，但当我在实际设备上检查它时，设计崩溃了。・HTML <table> <tr> <th>見出し</th> <td>データ</td> <td>データ</td> <td>データ</td> </tr> <tr> <th>見出し</th> <td>データ</td> <td>データ</td> <td>データ</td> </tr> <tr> <th>見出し</th> <td>データ</td> <td>データ</td> <td>データ</td> </tr> <tr> <th>見出し</th> <td>データ</td> <td>データ</td> <td>データ</td> </tr> </table> ・CSS table{ width: 100%; border-collapse: collapse; } table tr{ background-image: linear-gradient(40deg, #fce043 0%, #fb7ba2 74%); } table tr:last-child *{ border-bottom: none; } table th,table td{ text-align: center; border: solid 2px #fff; color: white; padding: 10px 0; } ・显示结果 - PC 开发者模式（智能手机模拟）・显示结果 - 实际智能手机我想反映每行的背景颜色设置，但它会反映到每个单元格。（我想在实际的智能手机上反映与PC开发者模式（智能手机模拟）相同的显示结果。）请让我知道如何解决这个问题。添加Webkit属性，这将允许你的CSS适用于不同的浏览器 background: -o-linear-gradient(); background: -webkit-gradient(); /* Older webkit syntax */ background: -webkit-linear-gradient(); background: -ms-linear-gradient();

html css html-table background background-color

回答 1 投票 0

CSS背景渐变仅占据页面底部，不出现在背景中

我正在使用网络工具来构建在线电子商务商店，并尝试使用开发人员工具向背景添加线性渐变。我已经得到了出现在 bo 的线性渐变...

html css background

回答 1 投票 0

背景仅在 Chrome 上重复 - 即使添加“不重复”后

我需要找出为什么我的背景在我的CSS中重复，即使在使用不重复之后也是如此。我试图避免使用背景覆盖，因为它会扭曲图像。这仅发生在 Chrome 上。 https://

html css google-chrome background background-image

回答 1 投票 0

Flutter - 后台通知在 iOS 中不起作用

我正在 Flutter 中创建一个公共聊天应用程序，当我从我的云功能触发 admin.messaging().send(payload) 方法时，我无法在 iOS 上接收后台通知。这是我的有效负载...