0

我想使用 HTML 并显示一张大图像。然后我希望在这个大图像上显示多个较小的图像，所有图像都在不同的位置和大小上。

我宁愿只使用 HTML 来做这件事。但是，如果这是不可能的，Javascript 或类似的东西也是一种选择...... :-) 如果有人对使用 PHP 有任何想法，那也很棒。

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

任何帮助将不胜感激。

亲切的问候，迈克尔

4

4 回答 4

2

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

你的 html 为

<div id="container">

</div>

和CSS如下：

div#container{

        background-image: url("image.jpg");
        background-repeat:no-repeat;
        height:100%;
    }
于 2012-11-23T20:53:29.250 回答
0

您不能仅在纯 HTML 中将图像覆盖在另一个图像上，但您可以做的是将图像的位置重新定位到另一个标签上，然后使用 css 相应地移动它。

于 2012-11-23T20:50:44.583 回答
0

两种选择：

  1. 使用 CSS 将大图像定义为背景，然后您可以在其上添加任何您想要的 html 标记。这样的背景也可以为像divs这样的元素声明，而不仅仅是整个页面。

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

这不需要javascript，而php与此无关。

于 2012-11-23T20:52:26.897 回答
0

您可以像我在此 JSFiddle 中所做的那样定位它们：http: //jsfiddle.net/xxUpk/

这top:-NNNpx是粗略的，您可以使用float和许多其他定位它们的方法。还要考虑将z-index它们分层。

于 2012-11-23T20:53:17.630 回答