jquery - CSS、jQuery、Mosaic 组合问题

Question

我在这个网络元素中遇到了与 CSS 相关的问题。该网站是用 PHP 编码的，但在这个例子中我只是发布了相关的 HTML。

我已经编译了我的 CSS(从 .SCSS 编译)并附上了整个 CSS 文件。

这是 fiddle - 整个 CSS 文件
第二 fiddle - 只是马赛克 CSS

[edit]
To Clarify:
There are three images here aligned next to each other spaced out by 10px. The mosaic jquery plugin, during a hover state animates a header text upwards and brings into view a p element text. Also, there is a grayscale filter on hover via the css.

The Issue is that something went awry in my CSS editing and now the pictures will not even show up. There is nothing displayed.

What CSS property is causing these images to not be displayed?

Answer 1

从您的 css 中的 mosaic-backdrop 中删除 display: none。这导致图像无法显示:-

http://jsfiddle.net/aTTL4/5/