许多网站的标准反馈按钮?

时间:2010-12-02 10:46:52

标签: javascript html css

我注意到许多网站的页面都有一个很好的“反馈”按钮。 它通常出现在左侧,并垂直显示'f e e b b c'。

请参阅http://www.protectedplanet.net/以获取示例。

我想知道(因为我无法弄清楚)如果这是通过css转换实现的,那么javascript (如果是这样的话怎么做)或者它只是一个gif / jpg?

由于

P.S。 而不是猜测,人们可以解释它究竟是如何工作的。 例如,如果人们说它是一张图像在哪里呢?

2 个答案:

答案 0 :(得分:3)

它通常是背景图片(为了与旧浏览器兼容)。某些文本也出现在标记中,但位于视口外部。

您作为示例提供的网站使用图片,反馈功能是一个小部件:

a#uservoice-feedback-tab {
    background-color: #FF6600;
    background-image: url("http://cdn.uservoice.com/images/widgets/en/feedback_tab_white.png");
}

答案 1 :(得分:1)

这是一张图片,因为只有最新的浏览器才支持CSS 2D转换。虽然从理论上讲,您可以使用专有的DXImage过滤器来使用2D变换并添加对IE8的支持。但是,如果没有相同的支持(Safari 2,Firefox 2.0,Opera 9等),你就无法获得对其他旧浏览器的支持。