【问题标题】:How to acheive this effect (Rounded Corners & Drop Down Menu) [duplicate]如何实现这种效果(圆角和下拉菜单)[重复]
【发布时间】:2011-01-09 06:09:38
【问题描述】:

我正在尝试找出如何复制 Aviary 上看到的这种效果

【问题讨论】:

    标签: css


    【解决方案1】:

    不要听图片爱好者的,我已经解决了两次没有图片或额外标记的问题:

    The most semantic way of making this container

    CSS to create curved corner between two elements?

    这是关于“发现创作”的,好像它是一个圆形的绿色按钮。

    【讨论】:

      【解决方案2】:

      我认为这样做的唯一方法是使用图像; my site 使用图像。使用 CSS3 可能是可能的,但标记会很糟糕!

      詹姆斯

      【讨论】:

        【解决方案3】:

        http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

        这会给你一个 10 的初学者。圆角可能是一个图像。

        【讨论】:

        • 我在看那个 tut,除了他们在连接处使用没有圆角的直线/连接
        • 确实如此 - 但如果您在下拉 div 中使用一些绝对定位的 CSS,您应该能够在其上对齐弯曲的图像。
        【解决方案4】:

        根据萤火虫的说法,他们在那里使用了一张图片http://images.aviary.com/images/layout/nav/link.gif

        更麻烦的方法是使用圆角,这样绿色部分就有圆角,并且位于灰色部分之上。

        【讨论】:

          【解决方案5】:

          这里有 25 种不同的圆角制作方法。选一个。 :) http://www.devwebpro.com/25-rounded-corners-techniques-with-css/

          (实际上并不是 25 种技术,而是指向 25 个不同网站的链接来解释如何做到这一点。)

          【讨论】:

            【解决方案6】:

            如果您只有几个 javascript,您可以使用 javascript 快速轻松地做到这一点。

            See Here


            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2011-02-17
              • 1970-01-01
              • 1970-01-01
              • 2022-11-10
              • 1970-01-01
              • 1970-01-01
              • 2016-05-25
              • 1970-01-01
              相关资源
              最近更新 更多