Standard-Feedback-Taste in vielen Standorten?

Question

Ich habe festgestellt, dass viele Websites einen schönen "Feedback" -Button auf ihrer Seite haben. Es erscheint normalerweise auf der linken Seite und es wird vertikal angezeigt "f e e d b a k k".

siehe http://www.protectedplanet.net/ für ein Beispiel.

Ich würde gerne wissen (Weil ich das nicht herausfinden konnte), wenn dies nur durch eine CSS-Transformation erreicht wird, Javascript (und wenn ja, wie es zu machen) oder wenn es nur ein gif/jpg?

Danke

p.s. Anstatt zu raten können die Leute erklären, wie genau das funktioniert. Zum Beispiel wenn Leute sagen, dass es ein Bild ist, wo ist es?

Answer 1

Es ist normalerweise ein Hintergrundbild (für Kompatibilität mit älteren Browsern). Etwas Text ist auch im Markup vorhanden, aber außerhalb des View-Ports.

Die Website, die Sie als Beispiel geliefert verwendet ein Bild und die Feedback-Funktionalität ist ein Widget:

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

Answer 2

Es ist ein Bild, weil nur der neueste Browser unterstützen CSS 2D transformiert. Obwohl Sie theoretisch 2D-Transformationen verwenden und Unterstützung für IE8 hinzufügen können, indem Sie die proprietären DXImage-Filter verwenden. Allerdings konnten Sie keine Unterstützung für andere ältere Browser ohne entsprechende Unterstützung erhalten (Safari 2, Firefox 2.0, Opera 9 usw.).