0

我在以下网址找到了这个不错的 box-shadow 示例： http: //www.paulund.co.uk/creating-different-css3-box-shadows-effects。

我想在我正在构建的网站模板上应用效果号 2，但是如果我在网站的任何地方使用示例 2 中的代码，它工作正常，但是一旦我把它放在标题中，阴影就不再出现了：

<header class="header_w clearfix">
    <section>

        <div class="logo_w">
            <h2>Logo</h2>
        </div>

        <div class="box2 effect2"></div> // suppose to get the shadow effect but not

    </section>

    <nav class="nav">
        <ul>
            <li>Nav element</li>
            <li>Nav element</li>
            <li>Nav element</li>
            <li>Nav element</li>
            <li>Nav element</li>
            <li>Nav element</li>
        </ul>
    </nav>

</header>

完整代码在这里：http: //jsfiddle.net/3NDMB/1/

tks

4

1 回答 1

1

你有2个问题

标题中的 header_2 类声明白色背景，这使得阴影很难看到。

而且您的 box2 类的高度太高，这也使阴影不可见。我将其更改为 80 像素。

结果：

[http://jsfiddle.net/vals/3NDMB/2/]

于 2013-06-05T16:24:58.250 回答