CSS选项卡小部件文本

Question

我在这个页面上看到了一个"反馈标签" 和许多其他标签(例如UserVoice).我想在我的网站上使用类似的东西,但在我的情况下,标签将无法点击.选项卡的唯一目的是始终以不引人注目的方式将网站名称保留在屏幕上.

有没有人知道任何好的资源来解释制作一个滚动行为和定位与此类似的小部件所需的CSS.

更新

我知道我需要使用固定定位,但我正在努力的部分是如何改变文本方向.理想情况下,我希望能够在HTML中指定文本,而不是使用图像.

我尝试逆向工程在上面的页面上创建小部件的方式,我发现如果你禁用了属性

background-image:url(http://getsatisfaction.com/images/feedback_trans_tab.png);

文字消失了.我假设"反馈"文本是feedback_trans_tab.png图像的一部分,但事实并非如此!任何人都可以解释如何生成和定向"反馈"文本？

谢谢,唐

Answer 1

这很简单.首先,只需创建一个<div>包含图像,文本或其他内容的文件.确保为div定义id属性:

<div id="my_div">The Text</div>

然后,为了保持它,这里是您可以使用的CSS:

#my_div {
    position: fixed;
    top: 50px;
    right: 0px;
}

这会将你的div放在页面的右侧大小上,距离顶部约50个像素.