HTML下拉菜单透明
HTML下拉菜单透明
提问于 2016-09-01 19:08:59
我正在为我的网站编写HTML代码，我遇到了一个问题，每当我启用布局时，下拉菜单变得透明--我的CSS文件没有引起问题，我对它进行了多次测试！(请忽略外语)
<ul>
<li><a class="active" href="index.html">Kezdőlap</a></li>
<li><a href="news.html">Hírek</a></li>
<li style="float:right"><a href="contact.html">Kapcsolat</a></li>
<li class="dropdown">
<a href="#" class="dropbtn">Szervereink</a>
<div class="dropdown-content">
<a href="#">TeamSpeak 3</a>
<a href="#">CS:S</a>
<a href="#">Klán szerverek</a>
</div>
</li>
</ul>如果我做了下面的代码注释，下拉菜单再次开始工作，但如果我不这样做，它就会变得透明！
<div class="right">
<h1>Legújabb Hírek</h1>
<p>Counter Strike:Source</p>
<p>A CS:S szerverünk most esett át egy nagy frissítésen! SaySounds és RoundEndSounds</p>
<ul>
<li><a href="news.html">Hírek oldal</a></li>
</ul>
</div>
<div class="main">
<h1>Köszöntelek a Fluffy Killers Weboldalán!</h1>
<p>A csapatunk nagyon kicsi, és tanulóképes! A csapatunk, Source Engines szervereket hostol, configol, Versenyszerűen játszunk! Csatlakozhatsz a kis csapatunkhoz a Steam csoportunkon keresztül!</p>
<a href="http://steamcommunity.com/groups/FlaffahKallars">Fluffy Killers Steam Csoport</a>备注:类主是网站的内容，类的右边是边栏
侧栏和主类
.right {
position:absolute;
right: 100px; top:50px; bottom: 0px;
width: 200px;
}
.main {
position: absolute;
left:10px; top:50px; right:100px; bottom:0;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2016-09-01 19:30:07
问题不在于它是否透明，问题在于.main和.right部分的位置是绝对正确的。试着移除位置:绝对在这些部分-并使用边缘-顶部或填充-顶部在它的位置。
.right {
float:right;
width: 200px;
padding-top:10px;
}
.main {
padding-top: 10px;
}观察位置绝对属性和位置相对属性--一旦你掌握了这些属性，你将是不可阻挡的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39279166
复制相关文章
相似问题
腾讯云开发者
