文章/答案/技术大牛

发布

社区首页 >问答首页 >WordPress透明的HTML背景

问WordPress透明的HTML背景
EN

Stack Overflow用户

提问于 2018-04-04 21:09:01

回答 1查看 1.2K关注 0票数 0

有一个wordpress BoldGrid主题，并设置如下所示的自定义JS & CSS。我现在想看到一个透明的背景，但事实并非如此。

定制的JS & CSS：

.boldgrid-css{ background: white; } (This is not my code line)  
.opci{background: rgba(0, 0, 0, 0); }

然后在HTML小部件中使用CSS，如下所示：

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
         text-align: left;
         color: green;
         font-family: Arial, Helvetica, sans-serif;
         }
      </style>
   </head>
   <body>
      <div class="opci">
         <h1>Work in progress...</h1>
         <p>Alpha released.</p>
         <p>april 4 2018.</p>
      </div>
   </body>
</html>

这并不使背景透明，背景是白色的。

我遗漏了什么？

看起来.boldgrid-css CSS (彩色白色)在某种程度上是占主导地位的，我的Widget背景总是白色的。

这是编辑的截图。盒子上写着“工作正在进行中.”我想要透明的背景，但它是白色的

html

css

wordpress

widget

transparent

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-04-05 20:06:24

以下是获得透明背景的两个解决方案：

我们正在使用您的标签的id。不能在页面上重复ID (有时由于编码错误而导致规则中断)。使用此规则： #定制_html-3{背景:透明；边框:无；} 如果没有帮助，则可以使用!important，它将覆盖所有其他规则，即使它们稍后加载(例外可能是其他规则，它们也使用!important )： #定制_html-3{背景:透明！重要；边框:无！重要；}
如果id在其他页面上重复，但您也不希望在其他页面上具有透明的背景，那么我们可以更具体一些，比如： ..page id-12#定制_html-3{背景:透明！重要；边框:无；} 或 ..page id-12#定制_html-3{背景:透明；边框:无；}

注意:另一方面，我们可以使用background: rgba(0,0,0,0);。差异很好解释了这里。

您可以使用这个html标记：

  <style>
     body {
     text-align: left;
     color: green;
     font-family: Arial, Helvetica, sans-serif;
     }
  </style>
  <div class="opci">
     <h1>Work in progress...</h1>
     <p>Alpha released.</p>
     <p>april 4 2018.</p>
  </div>

您不需要在另一个( <doctype>,<html>,<head>,<body> )中呈现完整的html。此外，您可以将样式规则添加到自定义->附加中。

回答你的问题。即使不设置div.opci background规则，它也是透明的，它是inheritance。更多你可以找到这里。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49660470

复制

相似问题

问WordPress透明的HTML背景
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WordPress透明的HTML背景EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WordPress透明的HTML背景
EN