以灯箱为中心 - 主要是

时间:2012-03-26 09:17:32

标签: jquery html css facebook popup

我在jquery和css像facebooks图像弹出插件中制作了一个小灯箱,但我有这个问题,我不能把它放在中心。 说实话,我不太擅长css。

所以这就是问题,它是一个更新页面,就像你从朋友和东西看到状态更新。 当用户向下滚动并点击图像时。由于css中的某些属性,灯箱不断下降。我已经尝试了大约2天,无法弄明白。 我喜欢在脸书中,你在页面上的任何地方,它都出现在中间。 我也喜欢这样做。

如果你不明白我的意思,这里有一个小提琴 http://jsfiddle.net/Dwt7k/4/

尝试点击第二个帖子上的图像(如果你没有看到图像,你可能会看到橙色跛脚/冷却仪上方的一个银色矩形盒子 - 那就是那个)

看看它如何下降......这就是我的问题

1 个答案:

答案 0 :(得分:1)

要使灯箱居中,您需要使用宽度为100%的灯箱包装div,并且绝对定位将其从文档流中取出。将灯箱放在里面,这样你就可以将这个div放在包装器中。

同时将HTML 放在<{strong> <body>标记之后,以免干扰其余代码。

你可以在这里看到它的效果:

http://jsfiddle.net/Kyle_Sevenoaks/6jFyk/1/

希望有所帮助:)