画像を避けるために斜めの開始点を持つ均等に色付けされた要素を持つ CSS ソリューションを見つける途中で、この単純な例に出くわしました: http://dabblet.com/gist/1780333。これは、最新の IE でも正常に動作していますが、Safari だけが完全に反転し、最初ではなく最後に配置し、部分的に角度を変えています。少なくとも私のライブ サイトでは一貫性がありません。もちろん、すべてのブラウザ バージョンで同じ値を使用しています。
なぜそうなのか、何ができるのか、または要素の左側を斜めにするための画像なしの代替ソリューションを考えている人はいますか?