-1

私はかなり新しいので、CSS のスタイリングに関してはまだ耳の後ろが濡れています。

すでに .logo を定義したクラスがありますが、下のヘッダー テンプレートから「ロゴ イメージと背景のためだけに」2 番目のクラスを作成したいと思います。

<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>

ロゴ部分だけを取得して、上で強調表示されているヘッダー コードの太字部分から新しいクラスを作成する方法がわかりません。提案してくれてありがとう。

更新のために編集

これまでの反応に感謝します。問題は、問題を十分に説明する方法が本当にわからないことだと思います。

私の実際の状況を説明することを理解してください。

パディングを使用して(意図的に)互いに重なり合うことを許可した 2 つの Div があり、両方ともドロップ シャドウがあります。これにより、一方の Div の画像が他方の Div とわずかに重なり、3D 効果が得られます。

これは、両方の div にドロップ シャドウがあるため、シャドウが重なる部分が暗いことを除いて、これまでのところうまく機能しています。

画像では、div (css が添付されています) と、ドロップ シャドウが重なる暗い部分を強調表示しました。

overflow: hidden を使用してみましたが、完全に正直なところ、どこに行くのかわかりません。

画像はこちら

もう一度ありがとう、そしてこれがもう少し理にかなっているといいのですが...ほとんどの場合、私は自分自身を混乱させていると思います:)

4

1 に答える 1

1

私が理解している限り、css でこのセレクターを使用して画像を直接参照することができます。

.logo img

それが望まない場合は、質問に詳細を追加してください。

タグで呼び出すだけで、必要なすべての種類の HTML 要素を実際に選択できます。たとえば.logo a、または.menu ul li

于 2013-09-15T18:50:31.707 に答える