Question

您好，我一直在测试一个页面并且一直进展顺利，直到我尝试将我的徽标设为“GJB”颜色：白色。当我这样做时，再也看不到写作了。我不知道为什么会这样？这是我的代码，如果你去 标题{color：black} 并将其更改为白色就会消失。 http://jsfiddle.net/wy0doL5d/

<div class="pic"><img src="img/lgo.png"></div>
    <header>
        <div id="header-container">
       <nav> 
          http://jsfiddle.net/wy0doL5d/#update <h1>GJB</h1> 
         <ul>
            <li><a href="#">Home</a></li>
            <li><a>About</a></li>
            <li><a>Shop</a></li>
            <li><a>Contact</a></li>

            </ul>
          </nav>
        </div>

    </header>

    <section class="home-intro">
    <div id="container">
    <h2>Hello there how you doing</h2>
    </div>
    </section>
    <main>
     <div id="container">
    <p>Hello there how you doing</p>
    </div>

    </main>
    <main>
     <div id="container">
    <p>Hello there how you doing</p>
    </div>

    </main>
    <main>
     <div id="container">
    <p>Hello there how you doing</p>
    </div>

    </main>
    <main>
     <div id="container">
    <p>Hello there how you doing</p>
    </div>

    </main>

Answer 1

你可以看到其他颜色是很奇怪的 - 如果你换成红色，黄色，或者除了白色之外的任何东西，它仍然是可见的。老实说，不能告诉你为什么会发生这种情况 - 认为它可能有一些事情要做，你在几个地方使用混合模式（变暗混合会去除白色），但删除那些似乎并没有帮助。

你的＆＃34;标题＆＃34;也没有高度属性。如果你添加一个，你会看到＆＃34; GJB＆＃34;无论颜色如何，文字都可见。

header{
  background-color: #1800ff;
  top: 0;
  z-index: 30;
  position: relative;
  border: 1px solid white;
  height: 60px;
  color:white;
}

http://jsfiddle.net/wy0doL5d/6/

Answer 2

这是因为CSS是级联的。它将逐渐渗透到后代。您希望将颜色放在CSS中的较低元素上。

为什么我不能看到我的写作

2 个答案: