没有固定高度的CSS3 3-D变换翻转卡

时间:2014-04-22 18:55:57

标签: jquery css css3

我正在努力实现这种效果:http://css3.bradshawenterprises.com/flip/

我已经完成并且工作正常,但是,它只适用于父母有固定高度的情况,这是因为前后div有position: absolute,所以他们不能拥有height: 100%因为他们不在流动中。

我可以使用自己的高度并使用jQuery设置它,但是这需要响应性,我需要它完全响应。

我已经尝试删除前后div的绝对位置并给后面的div负边距 - 顶部,你可以在这里看到示例:http://jsfiddle.net/q6D5f/

但是这也不适用于响应方面,当ul足够宽时它看起来不错,但是只要你使窗口变小并且li的高度不同,则margin-top就会变得不对齐。

有什么想法吗?

0 个答案:

没有答案