【问题标题】:Transparent shadow with jQuery使用 jQuery 的透明阴影
【发布时间】:2011-01-09 16:59:32
【问题描述】:

我的页面固定为 1000 像素。我想在主页的左右两侧设置阴影。我不能将静态 .png 与 y-repeat 一起使用,因为我的背景不是固定颜色,而是图像。所以我不能使用图像。任何可以做阴影的jQuery插件?或者其他解决方案,不仅仅是jQuery插件...

【问题讨论】:

标签: jquery png transparent shadow


【解决方案1】:

如果您使用png-8 而不是png-32,您实际上可以使用透明的.png

注意:它不会为您提供 Alpha 透明度(您将获得阴影颜色的细线而不是渐变),但它可以让您在 IE6 中近似您的网站外观,同时要求 no hack 和没有 IE 特定内容。

见:http://blogs.cozi.com/tech/2008/03/transparent-pngs-can-deadlock-ie6.html

如果你想让一个 Jquery 插件在没有 pngs 的情况下做阴影,那么 Jquery 的 Drop Shadow 插件可能就是你要找的。​​p>

【讨论】:

  • 没有 CSS/HTML 解决方案很好,我将在 photoshop 中将阴影图像保存为 png-8。我之前使用 png-24。问题只是渐变。
【解决方案2】:

如果您创建一对筛选的 div,您可以定位它们并将 z-index 设置在背景之上,然后将图像应用到它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-10
    • 1970-01-01
    • 2018-02-13
    • 2012-07-17
    相关资源
    最近更新 更多