CSS选项卡小部件文本
CSS选项卡小部件文本
提问于 2009-09-07 20:52:21
我在此页和许多其他网站(例如UserVoice)上看到了一个“反馈选项卡”。我想使用类似的东西在我的网站上，但在我的情况下，标签将不会被点击。标签的唯一目的是在任何时候都以一种不引人注目的方式在屏幕上保留网站名称。
有没有人知道有什么好的资源可以解释制作一个小部件所必需的CSS，它的滚动行为和定位与这个小部件相似。
更新
我知道我需要使用固定的定位，但我正在挣扎的部分是如何改变文本的方向。理想情况下，我希望能够在HTML中指定文本，而不是使用图像。
我试图反向工程小部件是如何在上面的页面上创建的，我发现如果您禁用了这个属性。
background-image:url(http://getsatisfaction.com/images/feedback_trans_tab.png);文本消失。我假设“反馈”文本是feedback_trans_tab.png图像的一部分，但事实并非如此！能解释“反馈”文本是如何生成和定位的吗？
谢谢你，唐
回答 2
Stack Overflow用户
回答已采纳
发布于 2009-09-07 20:59:43
这很简单。首先，只需创建一个包含您的图像、文本或其他内容的<div>。确保为您的div定义了id属性：
<div id="my_div">The Text</div>然后，为了保持它的位置，下面是您可以使用的CSS：
#my_div {
position: fixed;
top: 50px;
right: 0px;
}这将使您的div在右边的页面大小约50个像素下的顶部。
Stack Overflow用户
发布于 2009-09-07 21:55:51
CSS3支持使用writing-mode属性旋转文本：
writing-mode:tb-rl;更多在这里
IE还提供了一些过滤器来做同样的预css3。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1390915
复制相关文章
相似问题
腾讯云开发者
