Question

我有一个3个固定位置div，第一个没有显示背景颜色，我在这里挠头，因为我已经尝试了一切，我没有看到任何异常的代码，不知道为什么这可能如果有人可以帮忙请发生。

这是我的HTML：

<div class"header">

</div>
<div class="gssd">
    <iframe frameborder="0" scrolling="no" src="http://www.example.com"></iframe>
</div>
<div class="gosd">
    <p>testing 123</p>
</div>

这是我的CSS：

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    font-family: Helvetica;
    background-color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.gssd {
    position: fixed;
    top: 100px; 
    bottom: 100px;
    left: 0;
    right: 0;  
}

.gssd > iframe {
    background: url(/tvScreensScript/img/acquire-wp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;  
    overflow: auto;
    width: 100%;
    height: 100%;  
}

.gosd {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100px;
   font-size: 4em;
   color: #141f65;
   background: url(/tvScreensScript/img/scroll-bg.png) no-repeat top right;
   font-family: Comic Sans MS;
   font-weight: bold;
}

Answer 1

在html中设置div的类时，您缺少等号。 class"header"应为class="header"

css背景颜色不适用于第一个div

1 个答案:

Demo Fiddle