問題タブ [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.
html - CSS3PIE が IE でまったく機能しない
http://css3pie.comを使用して、IEで角を丸くするための回避策を使用しようとしています。ページの読み込み時に読み込まれる css に以下を含めました。これらはすべて Joomla 1.5 にロードされています。
上記のコードは、template.css という名前の css ファイルに保持されています。
PIE.htc と PIE.php は、私の Web サイトのルートにあります。
以下は、レンダリングを IE 8 レンダリング モードに選択して IE 9 にページをロードしたときに生成される「ビュー ソース」の一部です。
上記からわかるように、template.css ファイルが読み込まれています。chrome に移動すると、css3 境界半径コードが実行されるため、ファイルが読み込まれていることがわかります。ページが IE で表示されている場合でも、何らかの理由でパイの動作が機能しません。何らかの理由で角が正方形のままになっています:-S 。クラス「form_field」を持つように表示されますが。CSS3PIE Web サイトのトラブルシューティング ドキュメントを確認しましたが、これまでに解決策が見つからないようです。
編集 >>>>>>>>>>>>>>>>>>>>>>>>
サイトのルートにある独自のcssファイルに入れてみました:
ソースビューでクリックするとcssファイルがロードされるので、cssファイル内で@charset "utf-8";が機能していることがわかります。
だから私が今考えることができる唯一のことは、 joomla が何かを取り除いているか、何か他のものと衝突していることです:-S 。
編集 2 >>>>>>>>>>>>>>>>>>>>
わかりました、それでもうまくいきません。index.php からすべての js ファイルをコメントアウトして、何も衝突しないようにしましたが、それでもうまくいきません。
編集 3 >>>>>>>>>>>>>>>>>>>>
最後に、他のすべての人の利益のために、Joomla と CSS3PIE を使用してこれを行う方法を紹介します。PIE.htc で動作しない理由はわかりませんが、代わりに PIE.php を使用すると動作します。
PIE.CSS という名前の css ファイルを作成し、これをサイトのルートに置き、その中に次のように置きます。
次に、テンプレートの index.php ファイルを開き、
次に、記事のいくつかのフォーム フィールドなど、スタイルを設定したいものに移動し、スタイル設定が必要なフィールド / div などに : class="YOURCLASSNAME" を配置します。
これで、指が交差するはずです。:-)
asp.net - Asp.net の css3PIE または PIE.htc
さて、動作していないasp.netでcss3pieを使用しました。考えられるあらゆる解決策を試しました。多くのフォーラムを検索しましたが、asp.net で PIE を適切に使用できませんでした。私のプロジェクト構造をお見せしましょう。
プロジェクト階層にマスター ページと内部マスター ページがあります。
css3pie は、マスター ページを使用しないページに取り組んでいます。私のcssと.htcファイルは次のとおりです
- 根
- CSS
- 脚本
マスターページなしで css3PIE を使用すると、次のように動作します。
上記のコードは機能しています。しかし、マスターで任意のページを使用したとき。機能していません。私のcssは次のようになります。
css は IE.css ファイルに配置されます。上記のコードで確認できます。cssで.htcを参照するために可能なすべての組み合わせを試したことを思い出してください
もう一つ。相対パスが原因だと多くの人が言っています。さて、私はそれらのことをテストしました。IEの開発ツールでレンダリングされたhtmlを見ると。動作は適用されますが、機能しません。私を助けてください。高く評価されます。前もって感謝します
html - CSS3PIE が border-radius で機能しない
IE8 (およびそれ以前) で border-radius を使用できるように、自分のサイトで CSS3PIE を機能させようとしています。他のすべてのブラウザでは問題なく動作します。これが私のCSSです:
そして私のHTML:
次のようなデバッグをすべて試しました。
- PHPソリューションを試しました
- PIE.htc ファイルへの完全な http:// リンクを試してみました
AddType text/x-component .htc
.htaccess ファイルに追加- 試行済み
position:absolute
およびzoom:1
z-index 値。
これまでのところ何も機能していません。behavior
プロパティをCSSに追加するだけでこれを取得できる人がうらやましいです。誰かが助けてくれれば、それは大歓迎です!
編集
ここにjsfiddleがあります:
internet-explorer - Css3 に IE7+ 用の Css3pie を使用するのは本当に便利ですか?
IE の css3 オプションを探していて、css3pie に出会いましたが、サイトを調べたところ、IE とはまったく互換性がないことがわかりました。
Css3pie を IE で使用するのは本当に便利ですか? そうでない場合は、他の代替手段
css - CSS3Pie が動作しない
本当に明らかな何かが欠けているような気がしますが、すべてをたくさんチェックしましたが、何が悪いのかわかりません。CSS3pie を使用して ie8 で角を丸くしようとしていますが、うまくいきません。
css ではなく、html ドキュメントに相対的なパスを設定しました。これは pie というフォルダーにあるので、CSS で使用しているものは次のとおりです。
私が欠けているものについて私にアドバイスできるかもしれないcss3パイについてもっと知っている人はいますか? さまざまな要素で試してみましたが、一度も機能しませんでした。
html - CSS3 Pie は背景画像を削除します
私のページが IE (7,8) に読み込まれると、左側の列に背景画像が表示され、CSS3 Pie が起動する前に一瞬だけ表示され、意図された li 要素に境界線が追加され、リスト項目から背景画像が削除されますこのような...
FF では、これがどのように見えるかを確認したい場合に機能します。誰かが持っている場合は、これを回避していただければ幸いです。どうもありがとう!
html - IE7で更新する前にレンダリングが正しくありませんか?
IE7で自分のWebページの見栄えを良くしようとしています。とてもイライラします。
私が見つけた問題の1つを以下に示します。ページへのリンクをたどると、レンダリングが奇妙な方法で壊れることがあります。以下では、余白がオフになっていて、色が欠落しているように見えます。ただし、ページを更新すると、この問題は解決します。ページを何度も更新しても、再び壊れることはありません。リンクをクリックするか、アドレスバーにURLを入力した後、ページの最初のビューでのみレンダリングが不良になります。
なぜそうなるのか分かりますか?私はcss3pieを使用して背景のグラデーションと丸みを帯びた境界線を作成しているので、問題はここからである可能性があります。あるいは、これは私が知らないIEのバグですか?
私のサイトはIE8でOKをレンダリングします。これは、グラデーションと境界線を実行するためにcss3pieも使用する必要があります。
編集: ページをズームすると、このレンダリングの問題が修正されます。私が読んだいくつかのことは、これがIE6 / IE7の一部のレンダリングの既知の問題であることを示しているようですが、それを修正する方法を理解できません。
css - PIEとJQueryUIのアコーディオン間の競合
私はPIEを使用してクロスブラウザーCSS3効果(グラデーションの背景、丸みを帯びた角、ドロップシャドウなど)を実現していますが、jqueryアコーディオンがひどいものになっています。
基本的に、PIEがcss3-container要素をDOMに挿入すると、jqueryアコーディオンコードは回復できません。これは、アコーディオンコンテナーがH3要素とDIV要素の交互のリストで排他的に満たされることを想定しているためです。
これらの2つのツールを一緒にうまく機能させる方法を見つけた人はいますか?
css - CSS3 PIE を使用して ie7 で透明度がドロップ シャドウと競合する
CSS3 PIE を使用して、ボーダー半径、ドロップ シャドウ、および透明効果を実行し、ページのメインの周囲に透明な領域を作成しています。私はそれを次のようにしようとしています:
http://www.palosverdes.com/rpv/re-design/JANUARY-2012/C-10.html
これが私の現在のバージョンです:
http://www.palosverdes.com/rpv2012/indexforie7.cfm
これにより、最新のブラウザーで必要な効果がレンダリングされますが、IE7 では、ドロップ シャドウが透明であるべき領域を埋めているようです。スクリーンショットは次のとおりです。
imgur.com/lD0JG (まだ 2 つのハイパーリンクしか投稿できません。申し訳ありません)
問題の原因となっている可能性のあるアイデアはありますか?