Div 覆盖现有的 .jpg 图像
Div Overlay over an existing .jpg Image
我想做以下事情：
我有一个来自网络摄像头的现有 .jpg picture。
现在我想用以下小部件覆盖这张图片：
<div style="width:250px"><a href="http://wetter.webmart.de/782303" target="_blank" style="text-decoration:none">Wetter in Eglisau</a><br /><script src="http://wetter.webmart.de/e/782303"></script></div>
然后图片应该以新名称保存在同一文件夹中。
我可以使用 PHP 脚本来实现吗？
我已经搜索了教程，但所有教程都只针对文本或图像叠加图像等
您有 PHP 的图像处理库。即：
http://php.net/manual/en/book.imagick.php
http://php.net/manual/en/book.image.php
如果您希望该叠加层成为图像的一部分。
其他方式对覆盖块使用绝对定位，给它更高的 Z-index 并将其放在图像上。
很遗憾，php 无法为您提供帮助。如果您只需要制作一张图片，那么图片编辑器就可以了。
但我想，您需要使用新鲜的网络摄像头图像和天气更新来自动执行此过程。我建议使用 css 技巧创建一个包含两个图像的网页，正如@MilanG 建议的那样。之后，您可以使用一些无头浏览器来捕获屏幕，例如PhantomJS http://phantomjs.org/ 就可以了。
同样，正如我在开头所写，php 无法帮助您完成此任务。
我想做以下事情：
我有一个来自网络摄像头的现有 .jpg picture。
现在我想用以下小部件覆盖这张图片：
<div style="width:250px"><a href="http://wetter.webmart.de/782303" target="_blank" style="text-decoration:none">Wetter in Eglisau</a><br /><script src="http://wetter.webmart.de/e/782303"></script></div>
然后图片应该以新名称保存在同一文件夹中。
我可以使用 PHP 脚本来实现吗？
我已经搜索了教程，但所有教程都只针对文本或图像叠加图像等
您有 PHP 的图像处理库。即：
http://php.net/manual/en/book.imagick.php
http://php.net/manual/en/book.image.php
如果您希望该叠加层成为图像的一部分。
其他方式对覆盖块使用绝对定位，给它更高的 Z-index 并将其放在图像上。
很遗憾，php 无法为您提供帮助。如果您只需要制作一张图片，那么图片编辑器就可以了。
但我想，您需要使用新鲜的网络摄像头图像和天气更新来自动执行此过程。我建议使用 css 技巧创建一个包含两个图像的网页，正如@MilanG 建议的那样。之后，您可以使用一些无头浏览器来捕获屏幕，例如PhantomJS http://phantomjs.org/ 就可以了。
同样，正如我在开头所写，php 无法帮助您完成此任务。