【问题标题】:adding a drop shadow to drop down menu secondary links为下拉菜单二级链接添加阴影
【发布时间】:2014-02-03 14:05:19
【问题描述】:

下面是我正在使用的下拉菜单的 JSFiddle。仅使用 css 有人可以告诉我如何向辅助栏(下拉栏)添加阴影,因为我对 CSS 不是很好,我还在学习。

http://jsfiddle.net/tcKvH/1/

谢谢

<div></div>

【问题讨论】:

    标签: html css drop-down-menu dropshadow


    【解决方案1】:

    您可以通过最简单的方式将其添加到您的 css 中。

    #menu li ul li{
        background: #EEE;
        box-shadow: 5px 5px 5px #888;
    }
    

    但如果您需要跨浏览器兼容性,您应该查看浏览器特定的前缀和 IE 过滤器

    【讨论】:

      【解决方案2】:

      试试这个

      DEMO

      #menu li a:hover {
          color:#c00;
          box-shadow: 10px 10px 5px #888888;
      }
      

      【讨论】:

        猜你喜欢
        • 2013-01-09
        • 2017-12-18
        • 2012-05-31
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-07-14
        相关资源
        最近更新 更多