問題タブ [css3pie]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - IE9 の CSS3 PIE グラデーション: マウスオーバーするまで透明
バックグラウンド
線形グラデーションなどの CSS3 ルールを利用するアプリを開発しています。CSS3 PIE の HTC 実装を使用しています。ほとんどのブラウザでは、すべてが見栄えがします。
問題
IE9 では、グラデーションが割り当てられた要素が透明として初期化されるという奇妙な問題があります。それらにカーソルを合わせると、色とグラデーションが表示されます。
誰もこれを見たことがありますか?もしそうなら、どのようにそれを回避しましたか?
asp.net-mvc-3 - それらを丸める代わりに、PIEは境界線とともに消えます
何が起こっているのかわかりません!
私はあなたが理解するのを助けるためにいくつかの写真を撮りました...以下:
Internet Explorer 9
Internet Explorer 8
Internet Explorer 7
コード
Css
PIE.htc
PIE.htcは次のフォルダーにあります。
/Infra/PIE.htc
公開サイト: http: //bindsolution.com/home/contact
これを引き起こしているのは他のコンポーネントだと思いますが、それを特定する方法がわかりません。
別のHTMLファイル(メモ帳)でテストを行ったところ、すべてが完全に機能しました。
よろしくお願いします!
css - ie7と8に対してのみcss3パイをロードする方法は?しかし、9ではありません
これはCSS3PIEを使用するためのcssです
特に
私の質問は、このPIE.htcはすべてのブラウザでダウンロードされるのでしょうか、それともIE7と8でのみダウンロードされるのでしょうか。
IE7と8でも丸い角を表示する必要があります。だから私は、Modernizrを使用して別のクラスと丸い角の画像を書く代わりに、CSS3 PIEが良い解決策になると思いました。なぜなら、境界線の色と太さ、要素の高さを変更するたびに、PIE.htcはIE7と8で同じようにレンダリングされるからです。 。ただし、Modernizrと画像の場合は、新しい画像のアップロードを使用する必要があります。新しい変更を変更してアップロードする必要があります。
そして、私はこれにのみModernizrを使用しているので、条件付きコメントをロードすることはできません。必要がなくても、すべてのブラウザーにロードされます。したがって、CSS3 PIEが柔軟性に優れていて、IE7と8にのみロードされる場合は、この特定のケースで使用するのがよいと思いました。
html - IE7でCSS3Pieを使用するときに要素の上部マージンが消えるのを解決する方法
良い一日。
私はたくさんのCSS3エフェクトを使用していますが、CSS3Pieを使用してIE7および8で同じエフェクトをレンダリングするのに問題があります。
それは私が必要とするいくつかの効果に対して非常にうまく機能しますが、CSS3 Pieの既知の問題の1つはレイアウトです、より具体的にはCSS3 Pieはそれが適用される要素で上マージンを消します、私はこれまでIE7でそのような問題を抱えていました、IE8は同じ問題を示していません。
誰かがこの問題を解決する方法を知っているかどうか尋ねます、私はそのような問題を解決するためにCSSだけを使用して単純にしておきたいです、CSSに制限されない別のアプローチが必要かもしれないと思うので私は助けを求めます。
解決策と提案をいただければ幸いです。ありがとうございました。
internet-explorer-9 - CSS3 PIE:線形グラデーションはIE9では機能しません
私は自分のサイトでCSS3PIEを使用していますが、線形グラデーションがIE9で機能しないことに気づきました。以前、IE9で問題なく線形グラデーションサポートにPIEを使用したことがあるため、今回の問題が何であるかを理解できません。
私が試した/検討したこと:
- IE9をサポートするBeta5を使用しています
- IE開発者ツールバーを使用してページのドキュメントモードをIE7/8に切り替えるとグラデーションが機能するため、スタイルシートのPIE.htcへのパスが正しいことはわかっています。
- 同じサーバー上の別のサイトのIE9でグラデーションが機能するため、サーバーが正しいコンテンツタイプでPIE.htcを提供していることを知っています(さらに、手動でファイルに移動すると、ファイルを保存するように求められます。これは証明です。 PIEのドキュメント/フォーラムによる正しいコンテンツタイプの)
私は困惑しています。過去にPIEを使用した方法と何も変わらないように見えます。また、これまでIE9にグラデーションが表示されないという問題が発生したことはありません。
performance - CSS3 PIE:角が丸いので、IE9はネイティブにサポートされていますが、速度が低下します。
CSS3 PIEを使用して、IE7/8に丸みを帯びた角のサポートを追加しています。ページに角が丸い要素がたくさんある場合、PIEを有効にすると、IE9のパフォーマンスが大幅に低下することがわかりました。スクロールが遅くなったり、単純なホバー効果(リンクの色の変更など)が大幅に遅れたりします。
しかし、PIE自身のドキュメントによると、ブラウザが使用している特定のCSS3機能をネイティブにサポートしている場合、PIEはIE9で「何もしません」。理論的には、border-radius(IE9がサポート)のみを使用している場合、PIEを有効にしてもパフォーマンスに影響はありません。
これを引き起こしている可能性がありますか?
gwt - GWT の PopupPanels と DialogBox が CSS3Pie に似ていないのはなぜですか?
CSS3 の再設計を GWT アプリで機能させようとしていますが、CSS3Pie vml オブジェクトが GWT DialogBox Caption に適用されたときに正しく表示されないようです。さらに、GwtButton などの DialogBox または PopupPanel 内のコンテンツは、CSS3Pie が適切に適用されていません (たとえ同じ GwtButtons がpopups 以外のすべての場所で正常に機能したとしても)。
私の推測では、GWT がポップアップの DOM と CSS スタイルを操作する方法が原因で、すべてのスタイルが fubared になっているということです。css3-container
背景色と境界線のスタイルが削除され、要素が追加されているため、CSS3Pie は間違いなくこれらの要素に正しく関連付けられています。
DialogBox に適用される CSS は次のとおりです。
そして、IE Developer Toolbar から取得した、ダイアログ ボックス用に生成された HTML を次に示します。
ここに私が試したいくつかのことがあります:
- GWT に DOM のcss3 プロパティを操作させる代わりに、HTML をコピーしてページに貼り付ける
- 絶対配置とカスタムの非表示/表示コードcss3 プロパティを使用するカスタム ポップアップが機能する
- 適用すると
position:relative
、他の場所でいくつかの css3pie プロパティが修正されましたが、ここでは効果がありません
GWT PopupPanel と DialogBox を CSS3Pie で正常に動作させた人はいますか? このプロジェクトは、誰かが持っていることを示しているようです。私は何が欠けていますか?
jquery - 'H.length'がnullであるか、オブジェクトではありませんPIE HTC
このPIEスクリプトエラーが発生する理由は誰でも知っています。'H.length'がnullであるか、オブジェクトではありませんPIE HTC
それはIE8とIE7でのみ発生します私が使用している私はPIE.htcバージョン1.0beta5を使用しています誰もがこれが起こっている理由について何か考えを持っています。
更新:PIE_uncompressed.htcを使用して、詳細がログに記録されるかどうかを確認しましたが、今回は「renderers.length」がnullであるか、オブジェクトではありません(4148行目)
誰もがこれに遭遇するか、非圧縮バージョンで「H.length」がnullであるか、オブジェクトではありません。
アップデート:
繰り返しになりますが、コードを投稿できませんが、まだ問題が発生しています。以前にこのエラーが発生した人はいますか。
css - CSS3 Pie がまったく機能しない、すべてを試した
css3pieを適用しようとしています
私のウェブサイトにはまったく適用されていないようです。私が見つけたものは何でも試しました:
- PIE.htc へのパスを確認し、それをメイン フォルダに配置して url(/PIE.htc) を使用し、完全な URL を試しても何も機能しませんでした。
- PIE.php を使用してみましたが、どちらも機能しませんでした。
- 「AddType text/x-component .htc」を.htaccessファイルに追加しようとしましたが、うまくいきません
- を追加してみまし
position:relative; z-index: 0;
た、だめです。
私が適用しようとしているコードは次のとおりです。
私は何が欠けていますか?
編集: これが問題になる場合、IEでロードされたcssを表示すると、動作コマンドが次のように同じ行にあることがわかりますが、構文は正しいです
jquery - CSS3Pie と jQuery アニメーションに関する IE7 のバグ
こんにちは、誰かがこの問題で私を助けてくれることを願っています。
私は CSS3Pie を使用してボックスの角を丸くしていますが、IE7 を含むすべてのブラウザーですべて正常に動作します。しかし、アニメーション (今回はslideToggle
) をボックス内の要素に追加すると、IE7 は追加しなかったときと同じように動作し始めますposition:relative
。要素は 5000px x 10000px +++ と巨大になります。position:relative
必要なときにすべての要素が持っていると確信しています。
このバグは以前にも見たことがあり、以前に CSS3Pie ファイルの JS 修正を含む回避策を見つけましたが、再び見つけることはできません。
私が得ることができるすべての助けに感謝しています。
ありがとうジミー
下の画像を見ると、灰色の背景がボックスの端で終わらず、サイトの他の要素の上に続いていることがわかります。
下にスライドする要素のcssです
ボックスの CSS は次のとおりです。