用于在图像上显示图像和文本的 CSS

Question

>我在页面顶部有一个标题图像宽度为 100%，高度为 120px。

我想在中心的标题图像上显示标题文本。

我想在标题图像的右侧显示另一个小图像，标题图像高度的 80%，顶部和底部保留 10%。

我也想在小图像的右侧留下 5px。因此，小图像将看起来像它在标题图像上一样。

CSS是什么来获得这个？

提前致谢

Answer 1

我会通过 CSS 将图像设置为背景，然后我会通过两个单独的 HTML 绝对定位 Divs 标签将其他元素（您想要的文本放在中心，另一个小图像放在右侧）。确保 CSS ID 标记设置为相对...

<div  style="width: 200px; height: 23px; position: absolute; right: 12px; top: 399px;" align="center">YOUR IMAGE OR TEXT HERE</div>

当然，根据您的需要设置参数。