无法将图像插入HTML文档

时间:2014-12-10 10:24:31

标签: html css turbogears2

我知道这是一个非常基本的问题,但这让我发疯了。

我正在尝试在我正在处理的HTML文档中插入图像(" logo_footer.png")。它是一个Python Web应用程序,我正在使用TurboGears 2 Framework。

我尝试了几种不同的方法,但没有一种方法适合我:

方法1:

.logo-footer { border: 1px solid green;
                height:140px; width:600px;
                background:transparent url('{{url2(tg.url("/images/atenea/logo_footer.png"))}}');
                background-position:right center !important;
                background-repeat:no-repeat;
                background-size:contain;
                float:left;
}

方法2:

<div class="pie">
    <div class="logo-footer">
        <img height="120" src="{{tg.url('/images/atenea/logo_footer.png')}}">
    </div>
    <div class="firma-footer">
        <div class="dato-empresa">Blabla</div>
    </div>
</div>

当然,图像存在。我错过了一些非常基本且明显的东西吗?

为什么我甚至无法使用<img>代码显示图片?

更新

最后,事实证明问题出在我用来将html转换为PDF文档的wkhtmltopdf库中。无论出于何种原因我都不知道,图片会显示在我的文档的html版本中,但它不会出现在由wkhtmltopdf生成的pDF版本中。

1 个答案:

答案 0 :(得分:-1)

<img height="120" src="images/atenea/logo_footer.png" />

假设它们在图像文件夹中,然后从css中的当前脚本尝试ateanea文件夹

background:transparent url("/images/atenea/logo_footer.png");

关闭卷曲