带有字幕叠加的CSS Box,最佳做法?

时间:2012-10-25 04:59:46

标签: css

这是一些html和css,你可以看到它的作用:_(第一个框真的是重要的一个)

http://jsfiddle.net/rcGsH/2/

问题是如何使图像在那里正常工作,我必须使用一些技巧让它正常工作,看起来不太好......就像

向左或向右浮动img所以它并没有真正占用空间..(还有另外一种解决方法吗?或者我是怎么做的?)

.ad img {
height: 175px; width: 175px;
float: left;
}

在ad_info div中的文本周围创建另一个包装器div并将其设置为bottom:175px以便文本保留在透明部分中......还有另一种方法吗?

如果有人对这些问题有适当的解决方法,或者这些都没问题,请告诉......

或者我有另一个想法,我可以将图像作为背景图像与JQuery,(因为图像将来自PHP),我很清楚这将如何工作,但任何人都可以告诉我哪个解决方案更好?

谢谢!

1 个答案:

答案 0 :(得分:2)

有很多方法可以做到这一点,你做得对(也许是一些额外的div),但我认为这就是你要找的东西:
Boxes, images and captions
像一个额外的,他们使用一点点jquery,动画框;)