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

发布于 2024-11-03 10:21:09 字数 246 浏览 0 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

○闲身 2024-11-10 10:21:09

首先，公司徽标图像是背景，因此它不会受到您在 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 替换为至少与要显示的图像宽度相同或更大的尺寸，以便徽标不会显示在该图像下方。

First, the company logos image is a background, so it is not going to be affected by anything you put inside the div#header. It really doesn't need to be a background, but it's not hurting anything that way. I would remove the gradient in Photoshop and save it as a PNG with a transparent background. That will fix the issue with lining up the gradients.

As for inserting the image you can do this -

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;}

You will need to replace XXXpx with a size at least the same width or larger than the image you want to display so that the logos do not show up beneath that image.

回复收藏 0 原文

~没有更多了~