2012-11-23 44 views
0

我想使用HTML并显示一个大图像。 在这个大的图像上,我希望显示多个更小的图像,所有图像都在不同的地方和尺寸上。如何在HTML中的多个图像上显示多个图像

我宁愿只用HTML来做这个。 但是,如果这是不可能的,Javascript或类似的东西也是一个选择... :-) 如果任何人有任何想法使用PHP,那也将是伟大的。

我有搜索网站和StackOverflow,并尝试了很多可能的解决方案,但没有一个允许我显示一个大的图像,然后在这个大图像上显示多个其他图像。

任何帮助将不胜感激。

亲切的问候, 迈克尔

+1

您是否尝试过的CSS和的z-index +绝对位置? –

+0

如果您的问题已解决,请将其中一个答复标记为答案。刻度线对应于答复。 – Nitish

回答

0

你不能覆盖对另一图像的图像中唯一的纯HTML,但你可以做的是重新定位图像的位置到另一个标签,只是用CSS移动它相应。

+0

您是否建议CSS不是“纯粹的”html? img的绝对定位是没有问题的。 – jtheman

+0

好吧,我的坏,我包括CSS + HTML作为一件事,但你是对的,一旦你使用CSS不是HTML既不是HTML –

0

两种选择:

  1. 定义为中使用CSS背景的大图片,然后你就可以把它上你要任何HTML标记。这种backgorund也可以为像div这样的元素声明,不仅适用于整个页面。

  2. 在你的风格定义中使用绝对定位。这样,您可以将大大小小的图像添加到您的标记中,然后将它们放在彼此的顶部。

没有javascript需要这个和php没有任何关系。

0

你可以放置它们,因为我在这的jsfiddle做了:http://jsfiddle.net/xxUpk/

top:-NNNpx是原油,你可以使用float许多他们定位的其他方式。同时查看z-index来对它们进行分层。

2

您可以使用容器div来包含所有较小的图像。您可以设置该特定div的背景。

你的HTML作为

<div id="container"> 

</div> 

和css如下:

​​