在 CSS 样式方面,我还很新,而且耳后仍然很湿。
我已经定义了一个类 .logo 但我想从下面的 Header 模板创建第二个类“仅用于徽标图像和背景”
<div id="container">
<a name="top" id="top"></a>
<div id="header">
**<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>**
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
我不确定如何仅使用徽标部分并从上面突出显示的标头代码的粗体部分创建一个新类。感谢您的任何建议。
编辑更新
感谢到目前为止的回复。我认为问题是我真的不知道如何充分描述这个问题。
请允许我试着解释一下我的实际情况。
我有两个 div,它们都有阴影,通过使用填充,我允许(故意)它们相互重叠,这看起来很棒,因为它允许其中一个 div 中的图像与另一个 div 略微重叠,从而产生 3d 效果。
到目前为止效果很好,除了由于两个 div 都有一个阴影,阴影重叠的地方有一个较暗的部分。
我在图像中突出显示了 div(附加了 css)和阴影重叠的较暗部分。
我试过使用溢出:隐藏,但如果我完全诚实的话,我不确定我要去哪里。
再次感谢大家,我希望这更有意义......我想大部分时间我都在困惑自己:)