HTML帮助研讨会-图片未显示

Question

我一直试图显示帮助文件项目中包含的图像。

[FILES]
Images\About-1.png
Images\Prompt-1.png
Images\Prompt-2.png
Images\Settings-1.png
Images\Settings-2.png
Images\Settings-3.png
Images\Settings-4.png
Images\Settings-5.png

这些是我希望包含的图像列表，因此我在HTML文件中对其进行了引用，

<div class='Image'>
                <img height='200' width='auto' src='Images\Settings-3.png'
                    alt='Settings-3' />
            </div>

这似乎应该可以工作，但是当我将项目编译为CHM文件时，日志显示它不包含任何图形，并且不显示图像。

可能是此问题的原因？

Answer 1

我无法重现您的问题-无需使用任何CSS图像代码就可以为我工作。 在正常情况下，您无需在* .hhp Project文件中指定所有图像。 编译器会自动从HTML文件中获取这些图像。

如果需要，可以在[FILES]节中使用通配符指定给定目录中的每个文件。 例如：

[FILES]
welcome.htm
settings\Setting-1.htm
settings\Setting-2.htm
images\*.png
css\foobar.css

将CHM视为压缩的网页。 因此，将所有帮助内容文件作为结构化的网站准备在本地驱动器中，如上所示。 请注意，您的* .HHP项目文件必须存储在welcome.htm所在的根文件夹中。

检查并删除[FILES]行中的四个空白-仅在此处可能有错字。 如果是，请编辑您的问题。

请从HTML中删除class='Image' ，检查您的类并确保添加了CSS。 遵循HTML帮助研讨会的提示-是否可以在.CHM文件中使用CSS或JavaScript？