我注意到许多网站的页面都有一个很好的“反馈”按钮。 它通常出现在左侧,并垂直显示'f e e b b c'。
请参阅http://www.protectedplanet.net/以获取示例。
我想知道(因为我无法弄清楚)如果这是通过css转换实现的,那么javascript (如果是这样的话怎么做)或者它只是一个gif / jpg?
由于
P.S。 而不是猜测,人们可以解释它究竟是如何工作的。 例如,如果人们说它是一张图像在哪里呢?
答案 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等),你就无法获得对其他旧浏览器的支持。