我目前正在为我的网站编写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>
注意:Class Main是站点的内容,Class Right是侧边栏
侧边栏和主类
.right {
position:absolute;
right: 100px; top:50px; bottom: 0px;
width: 200px;
}
.main {
position: absolute;
left:10px; top:50px; right:100px; bottom:0;
}
问题不是透明的,而是.main和.right部分的绝对位置。尝试删除这些部分中的position:absolute-并在其位置使用margin-top或padding-top。
.right {
float:right;
width: 200px;
padding-top:10px;
}
.main {
padding-top: 10px;
}
研究位置绝对和位置相对属性-一旦掌握了这些属性,您将势不可挡。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句