0

Wordpress と 320press の wp-bootstrap テーマを使用して Web サイトを構築しています。独自のスウォッチ テーマを作成しましたが、IE を除いてすべて正常に動作します。IE では、Web サイトの下部、ページの読み込み時に表示されない部分が、レンダリングされなかったかのように灰色に置き換えられます。したがって、下にスクロールするまで、サイトは問題なく表示されます。

これを 3 つの異なる IE9 インスタンスでテストしました。

他の誰かがそのようなレンダリング エラーを見たことがありますか? インターネットで何も見つけられず、html や css にエラーも見られません。

Web サイトを参照したいのですが、現時点ではローカルにしか存在しません。

編集：このルールを無効にすることで、次のことがわかりました。

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dae0', endColorstr='#7490a0',GradientType=0 );

問題は解決します。残念ながら、それはに置き換えられます

background: rgb(214,218,224);

これはグラデーションではありません。

jsfiddle で問題を再現しようとしました: http://jsfiddle.net/3AFw8/2/が、完全に機能します。

4

1 に答える 1

1

私にとっては、.SVG を使用して IE9 用にレンダリングします

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGFlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NDkwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

使用することをお勧めします：http://www.colorzilla.com/gradient-editor/

于 2013-01-07T13:58:28.300 に答える