0

我希望能够从标题中突出一个徽标,请参阅此链接以获取视觉示例。根据我的搜索,大多数结果都是关于使用 WordPress 实现这一点,而不仅仅是 HTML/CSS(包括提供的链接)。我将 RoR 与 Twitter Bootstrap 一起使用,以创建一些快速的页面样式,包括标题(可能是相关信息)。

我猜这个问题的答案确实是以 HTML/CSS 为中心的,所以,如果我有一个标题<div>,其中包含左侧的徽标以及右侧的一组导航链接,我该怎么做标志悬垂到下面页面的其余部分?

此外,如果能够为悬垂部分添加轻微阴影,则可以加分:)

4

2 回答 2

0

您可以使用 z-index 属性 (CSS) 设置您的徽标图像,使其始终位于前面,然后您可以将图像放置在标题中,它看起来就像是挂着的。轻微的阴影应该是图像本身的一部分。

于 2013-02-15T21:48:07.320 回答
0

尝试使用css代码

position: absolute;

这将确保您的徽标漂浮在您想要的任何地方。然后调整您希望如何放置徽标图像:

margin-top: 100px; 

使用你想要的任何 px。

于 2015-09-16T22:48:36.243 回答