【问题标题】:css3 inset shadow with tab effect带有标签效果的css3插入阴影
【发布时间】:2011-02-02 01:49:53
【问题描述】:

我正在尝试弄清楚如何在使用 CSS3 嵌入阴影时创建类似标签的效果。

这是我的尝试:http://beta.songdesk.com/home/tour/overview

这就是它需要的样子:

http://beta.songdesk.com/img/tab-box-shadow-page.png

【问题讨论】:

    标签: html css


    【解决方案1】:

    简而言之,您在此处尝试实现的目标无法完成,因为您处理的是单独的框,而不是单个多边形。

    一个人可以用额外的、覆盖的 div 和其他东西来做很多很多的诡计,但这会使标记变得混乱,并且很难正确/维护。

    您可能想改用border image,这可能仍然涉及一些技巧,但应该更容易在浏览器中获得一致的外观。

    【讨论】:

    • 这就是我害怕的。我不确定使用边框图像有什么帮助,我不会遇到与使用 box-shadow 相同的问题吗?感谢您的回复!
    • 我最终使它与覆盖的 div 一起使用,并使用图像来掩盖不需要的阴影。它添加了一些不需要的标记,但它实际上只有一个 div,所以我称之为成功。
    猜你喜欢
    • 2012-05-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-12
    • 2013-07-28
    • 2017-08-28
    • 2017-12-25
    • 1970-01-01
    相关资源
    最近更新 更多