background-color 相关问题

我有一个带子项的可滚动容器元素： 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 scroll background background-color shadow

回答 1 投票 0

为什么我检查单元格背景颜色的 If 函数不起作用？

首先，代码：如果 ws.Cells(.Value + 1, 28).Interior.ColorIndex = 16 则 Mark1.LU1DISCOCHECK = True 否则 Mark1.LU1DISCOCHECK = False 单元格颜色正确，但 if 语句不正确

excel vba if-statement background-color

回答 1 投票 0

一种在背景颜色上设置渐变的 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 scroll background background-color shadow

回答 1 投票 0

如何将Flutter中的导航栏背景更改为白色？

我正在尝试将导航栏背景设置为 while，但据我了解，我得到的是默认的浅灰色这是我在代码中声明背景的方式导航栏（

flutter navigation background-color

回答 1 投票 0

如何在Flutter中创建具有渐变背景色的自定义snackbar？

我正在使用 Flutter 构建一个应用程序，并使用 Firebase 作为后端。突然，我需要使用 Snackbar 向用户显示有关身份验证的消息。例如：用户未找到、密码...

flutter gradient background-color flutter-animation snackbar

回答 1 投票 0

在reactjs中，当我使用状态更改按钮颜色时，它可以工作，但不能先单击如何解决此问题

我有一个用于路由的按钮。路由来自 api，所以在我第一次单击时，路由正在工作，但按钮颜色没有改变我使用 useState hook 和 css 来改变颜色，它是

css reactjs button react-hooks background-color

回答 1 投票 0

使用 tailwindCss 进行反应时背景颜色无法正常工作

div 的背景颜色设置为黑色，但“位置”和“联系人”等子组件没有背景颜色。我的结果如下所示：我想要黑色背景...

reactjs tailwind-css background-color

回答 1 投票 0

Bootstrap 5 背景颜色主体和导航栏

我有这段html：我有这段html： <nav class="navbar navbar-expand-lg navbar-dark bg-success "> <div class="container-fluid"> <div class="d-flex justify-content-between w-100" style="white-space: nowrap;"> <div> <span class="h3 text-warning"> James Joyce </span> </div> 由于某种原因，我的带有 bg-success 的 body 标记没有显示在 html 中。不知道为什么所以就写在这里了现在 bg-success 使用了两次。在正文中，它是纯色背景色，但在导航栏中，它变成渐变色，这使得它看起来不太好（我认为）。请参阅屏幕截图。如何避免导航栏使用渐变（在本例中成功）。我尝试寻找渐变的转向，但找不到它。您可以使用相关 div 上的以下 CSS 代码删除第二个 div 的背景： style="background:none;" 如果您打算在其他地方再次执行此操作，也可以创建一个类，方法是将下一个代码放在 < style>" 和 < /style> 标签之间（通常位于页面顶部）： div.noback{ background:none; } 然后在我们放置 in line style 命令的 div 上，删除 style 命令并将其添加到类“noback”中，现在您可以将 div 类设置为 noback，它也会在该 div 上执行此操作。请记住，如果您有 CSS 文件，您需要将此代码移至 CSS 文件中，以便其在所有页面上可用。

navbar bootstrap-5 background-color

回答 1 投票 0

是否可以在CNContactViewController中设置自定义背景颜色？

我正在尝试更改背景颜色，但到目前为止无法管理它让控制器 = CNContactViewController(for: 联系人) 控制器.view.backgroundColor = .orange 控制器.view.layer.borderColor =

swift colors background-color uibackgroundcolor cncontactviewcontroller

回答 1 投票 0

空手道中无法获取背景颜色

我有这个代码：我有这个代码： <div class="react-data-field separated-area case-overview-field-root important"> <div class="row"> <div class="col-xs-6"> <div class="data-label">Test is important</div> </div> <div class="col-xs-6"><div class="data-value"> <div class="easy-edit-wrapper">Click to edit</div> </div> </div> </div> 我使用此代码来匹配行的背景颜色： * match script("//div[text()='Test - is important']", "function(e){ return getComputedStyle(e)['background-color']}") == "#7d7d80" 问题在于该行的背景颜色仅位于具有“重要”类别的父级 div 中。我该如何检查家长？也许可以尝试getComputedStyle(e.parentElement)？只要是JS可以的-空手道都可以执行。我不确定“重要”部分。你可以尝试在浏览器开发者工具中的控制台运行JS并实验。

parent-child karate background-color

回答 1 投票 0

为什么不透明度包裹着我的主要内容？

我想在我的主要部分有一个背景图片。然后下面就会有一个空的div。其不透明度为 0.8。下面将有一个 div 包含我的内容，并且

html css background-image background-color opacity

回答 1 投票 0

Gmail 背景颜色在 HTML 电子邮件中不起作用

2023 年 8 月 - 有没有人有一个简单的示例，可以在 Gmail 中使用整个正文的背景色创建 html 电子邮件？我到处都查过了，没有一个代码示例可以在 g 中工作...

html email gmail background-color

回答 1 投票 0

更改 pygame 窗口标题栏的颜色

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

python colors pygame background background-color

回答 2 投票 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

背景按钮保存在html中

我有一个问题。我想创建按钮，将背景更改为 HTML 中的不同颜色，并且当您重新启动时，网站背景仍将选择颜色，但我不知道该怎么做...

javascript html variables background-color

回答 1 投票 0

background-color 相关问题

最新问题