我知道这是一个非常基本的问题,但这让我发疯了。
我正在尝试在我正在处理的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版本中。
答案 0 :(得分:-1)
<img height="120" src="images/atenea/logo_footer.png" />
假设它们在图像文件夹中,然后从css中的当前脚本尝试ateanea文件夹
background:transparent url("/images/atenea/logo_footer.png");
关闭卷曲