私はまだCSSのReflectionsなどに新しいので、これに関するいくつかの問題があります。ホームページの場合、私はテキストとそれからイメージ（背後に複雑な影があるがそれは私のto-doリストにある）を反映する必要があると言われている。-webkit-box-firefoxとIEでの反映 - CSS
Iは-webkit-ボックス反映を持っているクロム/サファリ（WebKitの）について
：（透明）、カラーストップから0PX -webkit勾配（線形、左上、左下、下に（70％、透明）、〜（rgba（255,255,255,0.2）））;
非常にいいですね...しかし、明らかにクローム/サファリでしか動作しません。インターネットエクスプローラ（可能であれば7/8/9）とFirefoxで同じ効果を得る方法は？
おかげで、 ニコラス・カーター
たぶん、あなたはthis pluginでjQueryのフォールバックを提供することができます。
このチュートリアルでは、cross-browser reflectionについても説明します。
反射をサポートしていないブラウザには、Modernizrを使用できます。
このビルド：http://modernizr.com/download/#-cssreflections-cssclasses-testprop-testallprops-domprefixesはクラスをページ<html>タグに追加します。
.no-cssreflections #element-id {
/* custom CSS rule */
}
やJavaScript経由：
その後、あなたは、特定のCSSルールを追加することができますが、Firefox用の-moz-element属性を使用する必要があります
if(!Modernizr.cssreflections){
/* run plugin or whatever */
}
を...
反射のためになりますbe：
#reflection {
/* It's a copy of the original element... */
background: -moz-element(#reflected-element)
bottom left no-repeat;
/* ... turned upside down ... */
-moz-transform: scaleY(-1);
/* ... with a gradual fade-out effect towards the bottom. */
mask: url(#reflection-mask);
}