Question

我正在尝试更改div的一部分，这将是我的徽标，但它是具有背景的div的一部分。我需要Logo的背景是透明的，但是我无法看到这个变化，因为它是一个名为＆＃34;四列＆＃34;的div的一部分。这是代码：

<div class="four columns">
    <h1 id="logo">Unlighted Gaming  <a href="http://unlightedgaming.com"><img id="logo_img" src="http://unlightedgaming.com/wp-content/uploads/2014/04/Menulogo1.png" width="294" height="108" alt="Unlighted Gaming"></a></h1>
</div>
        <!--end logo-->

我试图在css中更改它：

.four.columns.logo {
background: #transparent;

但没有运气

我不想使用CSS吗？

Answer 1

您使用徽标作为ID，但在您的CSS中，您已将其称为类。像下面一样更改你的CSS。

.four.columns #logo {opacity: 0;} /* If you want to hide the element */

.four.columns #logo {background:transparent;} /* If you want to give transparent background*/

如果你想删除黑色，你应该编写如下代码。

.four.column
{
  background:transparent !important; /* I use important because you want to overwrite the original code*/
}

Answer 2

最好的方法是向div <div class="four columns">添加一个新类，例如.logo-background

<div class="four columns logo-background">

并添加此CSS

.logo-background{
   background: transparent !important;
}

分别更改div的一部分

2 个答案: