問題タブ [css3pie]

IEにCSS3ルールを追加するためにCSS3PIEを使用しています。

http://css3pie.com/ すばらしいですが、背景に半透明の画像を使用すると少し問題が発生し、PIE.htcは自動的に灰色の背景を追加します。"background-color：Transparent;" 私のために働いていません。

私の質問はこれです：透明な背景でCSS3 PIEを使用するにはどうすればよいですか？

クロスブラウザのborder-radiusとbox-shadowsを実行するためにCSS3Pieを使用しています。これは本当にうまくいきます。ただし、（モーダルダイアログを使用して）jQuery blockUIプラグインと一緒に使用すると、 CSS3Pie機能はそのダイアログ要素に適用されません。

これは、position：fixedのz-indexの問題が原因です。これについても、ここで説明します。私はすでにターゲット要素の相対位置を変更しようとし、z-indexで遊んでいましたが、機能しません。

たぶんあなたの誰かが同様の問題を抱えていて、ここで私を助けることができます

CSS3 pieに出くわしました。

使用するのにどれだけ信頼性があるのだろうかと思いました。すべてのオペレーティング システムで動作しますか? また、動作しないシナリオはありますか?

IE が css3 機能を使用できるようにする css3pie の舞台裏で何が起こっているのでしょうか?

CSS3Pie htc ファイルを使用してborder-radiusIE8 で有効にしていますが、効果がありません。私のCSSは次のとおりです。

相対 uri と絶対 uri を使用して、同じフォルダーで試して、(CSS3PIE デモ ページで行われているように) PIE.htc をパブリック ルートに配置しました。

デモは機能しています。私のコードではありません！

ありがとう、アダム

CSS3Pie をインポートすると、次のエラーが発生します。

私はクロムを使用しています。これはおそらく私が引き起こしたものですか、それとも単なるバグですか。ありがとう！

連続して登場する一連の弾丸を持っています。箇条書きのアニメーションには jQuery と jQuery UI を使用しています。一番上の箇条書きには、CSS と PIE.htc を使用して角を丸くする必要があります。これはすべての非 IE ブラウザーと IE8 でうまく機能しますが、IE7 では、最初の箇条書きの背景が約 80% 狭く、約 95% 短く表示されます (または、左上に極端にずれている可能性があります)。

興味深いことに、ブラウザ ウィンドウのサイズをまったく変更すると、背景が適切な場所にスナップされます (箇条書きは固定幅のコンテナにあるわけではないので、ここでは箇条書きのサイズを変更しません)。CSS の PIE.htc 行をコメント アウトすると、箇条書きは正しく表示されますが、角を丸くする必要があります。この画像を参照してください。

関連するコードは次のとおりです

JS

CSS

私は非常に印象的な CSS3PIE (http://css3pie.com) ライブラリを使用して、IE6-8 で CSS3 スタイルのサポートを追加しています。バージョン 7 と 8 では問題なく動作し、プロセスから多くの手間がかかりました。

ただし、IE6 では CSS3 スタイルはまったく表示されません。実際、サーバー ログを見ると、魔法が機能するために必要な PIE.htc ファイルを IE6 がダウンロードしていないことがわかります。ファイルのコンテンツ タイプは text/x-component として正しく設定され、絶対 URL によって参照され、IE7 および 8 で正常に動作します。

コンパス (www.compass-style.org) と、CSS を次のように表示する PIE ヘルパーを使用しています。

何が問題なのかわかりません。IE6が動作定義を完全にスキップする原因となる可能性のあるアイデアはありますか?

乾杯、

ジョナス

私はCSS3PIEを使用して、他のブラウザーのスタイルシートで取得するInternetExplorerの要素にいくつかの丸みを帯びた角を適用しています。しかし、私はそれに関していくつかの問題に遭遇しました。

IE8で、PIEの動作をする要素が奇妙に動作することを発見しました。コンテナは数ピクセル右にジャンプしますが、コンテンツは元の位置に留まり、コンテンツがすべてコンテナに対して左にシフトしたように見えます。これは、パディングがないか少量の要素で特に問題になります。

X-UA-Compatibleを使用することで、IE8の問題を回避することができましたが、可能な限りこの解決策は避けたいと思います。テストのためにIE9にアクセスすることはできませんが、PIEのようなハックを理解する必要はなく、互換モードを必要としないブラウザーで互換モードを強制するのは無駄です。

私はIE6でさらに悪い問題を抱えており、リスト項目を使用するように設定されたリストでPIEレイアウトが完全に壊れていdisplay:inline; zoom:1;ます（IE8や他のブラウザーで機能するインラインブロックをシミュレートするため）。ここでは、リストアイテムの境界線が完全に間違った場所にレンダリングされます。

したがって、理想的には、互換モードに頼ることなく、IE6およびIE8でPIEを適切に機能させたいと考えています。IE6に関する限り、PIEが適用されていない場合の適切なフォールバックで十分です。IE7は、ページが意図したとおりに表示される唯一のブラウザーです。

残念ながら、現時点ではサンプルページを提供することはできませんが、後で追加することはできます。

ファローアップ：

IEテスターで作成されたスクリーングラブをいくつか示します。彼らが皆のために物事をもう少し明確にすることを願っています。ご覧のとおり、IE7は問題ありません。ただし、IE8では、コンテナーはコンテンツに対して左にオフセットされており、IE6ではリスト要素（丸みを帯びた1ピクセルの境界線）は完全に混乱しています。

IE8、IE7、IE6のフルサイズバージョンも利用可能です

フォローアップ2

こちらがデモページへのリンクです。

他のデザイナーがスタイルシートやデザインの他の部分に取り組んでいるので、それが非常に長い間完全に反射し続けることを約束することはできませんが、うまくいけば、問題を解決するのに十分長い間そうなるでしょう。（はい、IE6にJSエラーがあることは承知していますが、それは私の問題ではありません）。
サンプルページ

CSS3PIEのデモを試みていますが、IEではまったく機能しません。

HTML：

css：

結果は、境界線のあるブロックであり、グラデーション/シャドウなどはありません。

任意のヘルプ/ソリューションをいただければ幸いです。