什么CSS在我的网页侧面“跟我来”按钮?

时间:2010-12-21 20:02:54

标签: css

我在许多网页的旁边看到了一个小“标签”或“书签”,其中有一个“关注我的推特”按钮。如何在CSS中完成? (我怀疑我使用绝对定位或固定定位。)

修改

我正在看一个described in this web page。我想用它在我的页面上运行一些jQuery,但我喜欢整体概念。

2 个答案:

答案 0 :(得分:3)

HTML:

<a id="twitterbadge" href="http://twitter.com/youraccount">Twitter!</a>

CSS:

#twitterbadge {
position: [fixed|absolute]; /* if you don't want it to scroll, use fixed */
right: 0;
top: 50%;
width: [width of badge];
height: [height of badge];
display: block;
background: transparent url([url of img]) no-repeat 0 0;
text-indent: -9999px;
}

答案 1 :(得分:0)

你甚至可以使用position: fixed;,如果你想滚动徽章/按钮“跟随”你,因为它已经完成了很多地方。