Html <；a href="&引用&燃气轮机；登录标签不知怎么消失了

我正在尝试在我的网页中创建一些标题，但我遇到了一个问题。我已经创建了一些带有固定位置的顶部菜单，其中放置了指向社交媒体的链接和登录链接。但此登录链接不显示在我的顶部菜单中

HTML代码：

<div id="body">
<header id="header">
    <div class="inner">
        <h1><a href="itw1.html"><span>FITLayout</span></a></h1>

        <div id="topmenu">
            <a href="#" class="login">Login</a>
        </div>

        <div id="social" class="icons">
            <a href="http://twitter.com/" class="twitter"><span>Twitter</span></a>
            <a href="http://www.facebook.com/" class="fb"><span>Facebook</span></a>
            <a href="http://www.linkedin.com/" class="linkedin"><span>Linked In</span></a>
        </div>

        <nav id="menubar">
        <ul id="menu">
            <li class="dropdown"><a href="#">Company</a></li>
            <li class="selected dropdown"><a href="#">Products</a></li>
            <li class="dropdown"><a href="#">News</a></li>
            <li class="dropdown"><a href="#">Downloads</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
        </nav>
    </div>
</header>
</div>

是指向JSFIDLE的链接，向您展示我的问题。
注意：我只能修改CSS代码，不能修改HTML

---

有什么解决办法吗？

topmenu和login元素相互重叠。如果您将背景更改为“无”，z索引更改为大于1的值，您将在菜单上看到登录。我不知道这是否是您的意图。

topmenu和login元素相互重叠。如果您将背景更改为“无”，z索引更改为大于1的值，您将在菜单上看到登录。我不知道这是否是您的意图。

问题是社交div的宽度为100%，并且它出现在登录上。您可以这样做：

#header .inner #social{
    width: 70%;
}

---

问题在于社交div的宽度为100%，它出现在登录页面上。您可以这样做：

#header .inner #social{
    width: 70%;
}

---

以下是我所做的更改，以或多或少地获得您所拥有的

首先，我添加了以下规则：

.inner {
  background: white;
}

#menubar {
  background: white;
}

---

然后我将背景从

#header.internal div

移动到

#header

。然后我将

#header.internal div

中的

top

更新为10px。

以下是我所做的更改，以或多或少地获得您所拥有的

首先，我添加了以下规则：

.inner {
  background: white;
}

#menubar {
  background: white;
}

---

然后我将背景从

#header.internal div

移动到

#header

。然后我将

#header.internal div

中的

top

更新为10px。

此解决方案正在运行

我将CSS属性赋予登录的父div

将绝对位置添加到父级并给出z索引

#主体{
宽度：100%；
高度：900px；
}
#标题{
浮动：左；
宽度：100%；
}
#标题.内分区{
位置：固定；
排名：0；
宽度：100%；
高度：30px；
颜色：白色；
背景色：#5F5F；
}
#标题.内部#顶部菜单{
位置：绝对位置；
右：0；
z指数：1；
宽度：自动；
}
#标题.内部#顶部菜单.登录{
颜色：白色；
}
#收割台。内部h1{
显示：块；
}

此解决方案正在运行

我将CSS属性赋予登录的父div

将绝对位置添加到父级并给出z索引

#主体{
宽度：100%；
高度：900px；
}
#标题{
浮动：左；
宽度：100%；
}
#标题.内分区{
位置：固定；
排名：0；
宽度：100%；
高度：30px；
颜色：白色；
背景色：#5F5F；
}
#标题.内部#顶部菜单{
位置：绝对位置；
右：0；
z指数：1；
宽度：自动；
}
#标题.内部#顶部菜单.登录{
颜色：白色；
}
#收割台。内部h1{
显示：块；
}

背景必须保持相同的颜色，如果我设置了

z-index:2例如，它仍然不工作。背景必须保持相同的颜色，如果我设置
z-index:2例如，它仍然不起作用。语法不正确。@Vinaya您能更具体一点吗？请在输出中指定您想要的确切内容？我将创建示例代码。@Vinaya我想在灰色条带（“菜单”）的右侧看到白色登录链接。我可以更改您的html代码吗？因为它的语法似乎不正确。语法不正确。@Vinaya您能更具体一点吗？请在输出中指定您想要的确切内容？我将创建示例代码。@Vinaya我想在灰色条带（“菜单”）的右侧看到白色登录链接。我可以更改您的html代码吗？因为它的语法似乎不正确。嗯，这样的错误。。非常感谢你！嗯，这样的错误。。非常感谢你！