Question

我的网页背景设置为线性渐变。我想对我的 div 应用相同的背景。如何覆盖div的默认背景。

<div class="bg">
   <div>
       content
   </div>

</div>
.bg{
      background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%),
      linear-gradient(0deg, #F0F8FF, #F0F8FF);
 }

我想将 bg 应用于内部 div。内部 div 有白色背景，我如何设置背景颜色的优先级。

Answer 1

听起来好像在某个地方将内部 div 的背景设置为白色（否则它将具有未设置它的默认值，即表现得像透明）。

要覆盖您可以拥有的：

.bg div {
   background: transparent;
 }

在样式表的末尾。

如果这不起作用，请查看浏览器的开发工具，检查 div 并查看在哪里/谁将背景设置为白色。在最坏的情况下，您可能不得不在设置中放置一个 !important，或者将其作为样式属性放在元素中。

.bg{
      background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%),
      linear-gradient(0deg, #F0F8FF, #F0F8FF);
 }
 
.bg div {
   background: transparent;
 }

<div class="bg">
   <div>
       content
   </div>

</div>

如何将背景颜色应用于容器相同的 sa 页面背景

1 个答案: