css - 如何将照片放在我网站标题的左上角

Question

这是我的 site .
我想将客户服务主管的照片放在现在空的网站标题的左上角。

我该怎么做？我无法弄清楚为什么放置在 #header 中的图形没有放置在左上角，即左侧有一些空间。

我想将照片单独添加。如果我不能，那么我可以将照片与现有的图形标题(包含公司 Logo ..)合并。
哪个是最好的选择？

Answer 1

首先，公司 Logo 图像是背景，因此它不会受到您放入 div#header 中的任何内容的影响。它真的不需要是背景，但它不会伤害任何东西。我会在 Photoshop 中删除渐变并将其保存为具有透明背景的 PNG。这将解决排列渐变的问题。

至于插入图片你可以这样做-

HTML -

<div id="header"><img src="path/to/executive/image.jpg" /></div>

CSS -

#header{background:url(path/to/logos/image.png) no-repeat XXXpx 0px;}

您需要将 XXXpx 替换为至少与您要显示的图像宽度相同或更大的尺寸，这样 Logo 就不会显示在该图像下方。