jquery - CSS、jQuery、Mosaic 组合问题

标签 jquery html css mosaic

我在这个网络元素中遇到了与 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?

最佳答案

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

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

关于jquery - CSS、jQuery、Mosaic 组合问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11486542/

相关文章:

javascript - 在Jquery bx slider 插件中如何查找当前 slider 是图像还是视频

javascript - jQuery .val() 即使为 false 也始终返回 true

php - 使用 Jquery 文件上传添加水印

JQuery 对话框加载包含 Javascript 代码的页面

html - 如何水平对齐两个 div,而不让左边的 div 向左浮动?

javascript - 日历没有出现在它应该出现的地方! jQuery

javascript - 如何计算两点之间的 Angular ?

javascript - react - 获取要处理的图像的宽度/高度

html - CSS Sprite 表选择上的边框背景

Javascript 在从 iOS 输入和离开选择标签时显示/隐藏固定元素