CSS で奇妙な問題が発生しています。@chriscoyier のコードを SMACSS アプローチを使用してリファクタリングし、モジュール化しました。
.ribbon.green を CSS の一番下に移動すると、適用されません。これは、ribbon:after & リボン:before と関係がありますか?
それをボタンに移動すると、jsFiddle では正常に機能するようですが、Firefox や Chrome では機能しないようです。 http://jsfiddle.net/SkinnyGeek1010/cDWKe/1/
なぜこれを行うのかについてのアイデアはありますか？とにかく.ribbon.greenを一番下に移動することはありますか? これにより、ミックスインで「スキン」を簡単に変更できます。
** ドロップボックス html を追加 **
http://dl.dropbox.com/u/1407764/www/stackoverflow/corner-ribbon/green_ribbon_example.html