【问题标题】:Fadeout a tiled background image in load using JQuery使用 JQuery 淡出加载中的平铺背景图像
【发布时间】:2023-03-10 17:39:01
【问题描述】:

我过去曾使用 JQuery 成功淡入和淡出 div。但是,我遇到了一个我无法完全理解的情况:

我正在为一位设计师编写一个网站,他的所有元素的格式都基于他创建的网格图案。由于他希望图案元素的大小与浏览器窗口无关,因此我想我只能通过 CSS 中重复的背景平铺图像来做到这一点。

现在他希望(仅)背景图案变暗并逐渐变亮,同时不影响任何其他元素。

我是否认为不可能使用 CSS 选择器调用平铺背景图案?

有人对这个问题的解决方法有任何建议吗?

【问题讨论】:

  • 我不知道这是否会有所帮助,但 jQuery Masonry 插件 (desandro.com/resources/jquery-masonry) 将有助于块布局...基本上它允许您垂直浮动框。
  • 你又来了!我一定要检查一下。我最近听说过这个插件......是的 - 也许我可以用它来创造。非常感谢您的提醒。

标签: jquery background-image fadeout tile fadeto


【解决方案1】:

如果你有一个绝对定位的 div,上面还有其他所有东西,你可以随意淡入和淡出这个 div。

您也可以尝试在 CSS 中放置不透明过滤器以将其淡入淡出,这不是完全相同的东西,而是类似的概念。您必须针对不同的浏览器使用几种不同的方法。

【讨论】:

  • 所以,听起来您是在说使用 z 定位来创建某种图像叠加层以淡化。这就是我想的最后手段。一点烟雾和镜子......并使其足够大以适合任何屏幕尺寸(隐藏溢出)。除非我完全不在基地。我会研究不透明度过滤器 - 谢谢你的想法。如果它有效,我会给予应有的信任。
  • 它们是 2 个不同的想法,第一个,是的,在 z-index 上,尽管绝对定位位于几乎所有其他内容之上。第二个建议可以在任何地方应用
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-05-27
  • 2011-08-31
相关资源
最近更新 更多