問題タブ [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.

0 投票する
3 に答える
768 参照

css - CSS PIE - 国境の問題?

境界線の RGBA カラーのレンダリング中に問題が発生しました。境界線の半径の RGBA 色は正常に機能しますが、境界線の色ではなく、境界線の色が表示されません。

CSSPie には、ボーダーで RGBA を使用するための別の「-pie-」タグはありますか?

私のコード:


IE 7 & 8 で境界線が表示されません... 助けていただけますか?

前もって感謝します!

0 投票する
2 に答える
240 参照

performance - 高負荷プロジェクトに LESS、CSS3PIE をインストールした場合の結果を予測する

グローバルなサイトの再設計(外観ではなく、コード アーキテクチャと基盤技術)の状況に直面しました。ウェブサイトには、毎日約135,000 人の訪問者がいます。そして、今すぐ正しい決断を下すことが重要です。

これまで、このような大きなプロジェクトでLESSCSS3PIEを使用した経験はありませんでした。たぶん、上記のテクノロジーを使用して私が遭遇する可能性のある問題を予測できる人もいるでしょう。メリットとデメリットが知りたいです。

影やグラデーションのある丸い角のボタンのスプライトのような、古くてテスト済みで信頼できる方法を使用する方が良いのではないでしょうか? http://zappos.comを見ます。それらは IE で適切に劣化し、CSS3PIE を使用しません。

0 投票する
1 に答える
1498 参照

internet-explorer - :first-child と競合する CSS3 PIE

CSS3 PIEを使用して、border-radius のサポートを IE8 以前に追加していますが、:first-child セレクターと競合しています。

基本的に、左に 3 つのリスト アイテムが浮かんでいます。0 に設定した最初のものを除いて、それぞれに 10px の左余白があります。

ボーダー半径のサポートを追加するためにセレクターに PIE を適用すると、セレクターが存在しない#steps liかのように、最初のリスト項目が再描画され、左余白が 10px に戻され#steps li:first-childます。PIE が要素を再描画したことが原因であることがわかります。これは、正しい位置で短時間点滅し、1 秒後に 10px を超えて移動するためです。

両方のセレクターに PIE を適用しようとしましたが、違いはありません。また、PIE サポート フォーラムで最初の子に関連するものを見つけることができません。

0 投票する
1 に答える
1345 参照

web-standards - CSS3 PIEや他の同様のスクリプトがどこでも使用されていないのはなぜですか?

この質問はすでにhtcファイルで尋ねられています:なぜそれらを使用しないのですか?、しかし答えは実際には何も答えませんでした。

問題は、CSS3PIEのようなもの が多くのサイトで使用されていないのはなぜですか?小さい方は知らないと思いますが、気になったのはツイッターで、使っていません。

標準じゃないからですか?それとも、サイトの目立った速度低下を引き起こしますか?

ご回答ありがとうございます。

0 投票する
0 に答える
321 参照

jquery - jQuery サイクル プラグインを CSSPIE と組み合わせると、IE8 以下で空のスライドが表示される

jQuery Cycle Plugin を使用する画像スライドショーがあります。画像は角が丸くなっているので、CSS3PIE 動作を使用して IE8 以下でこれをサポートします。しかし、PIE では最初の画像のみが表示され、他の画像では空のスライドが表示されます (IE8 以下)。PIE を無効にすると、すべて問題なく表示されます。

何か案は?

Javascript:

HTML

CSS:

0 投票する
1 に答える
685 参照

css - cssパイがフィールド要素のみで機能しない

私はie8を使用していますが、他のバージョンについては知りません。私はいたるところでパイを使用していますが、通常は問題なく動作します。ただし、すべてのフォーム入力要素には、ボックスの影と境界線の半径があり、境界線はありません (ほとんどすべてのスタイル)。FF/Safari/Chrome ではすべて問題ありませんが、IE ではフォームにボックス シャドウがありません。

これを使用して、選択ドロップダウンフィールドのスタイルもカスタム設定しました(coffeescriptで)

と呼び出し $('select').customStyle()ます。基本的に、オリジナルを使用しながら、新しいメニュースタイルとなるスタイルspanをオリジナルの下に追加し、不透明度を介してオリジナルを隠します。<select><options>select

これらは私の生意気なスタイルです

これは以前は IE で機能していました (少なくとも は<select>正しくスタイルされ、実際に表示されていました) が、現在は機能していません (完全に白いフィールド シルエットの束が互いに融合し、次の入力フィールドに溶け込んでいます。とにかく、それが機能した場合、z-index/positioning により、クリックしても何もドロップダウンしないようになります。

カスタム スタイルの選択ドロップダウンとボックス シャドウの問題に対する解決策はありますか? ありがとう!

0 投票する
0 に答える
1135 参照

jquery - chrome/safari は、jQuery スライド遷移中に丸みを帯びた角を失います

ここに示す jquery スクリプトを使用しています - http://jqueryfordesigners.com/automatic-infinite-carousel/

自分の画像を丸みを帯びた png として自分のサイトのスライダーに適用しました -http://67.225.219.80/

ボーダー半径を使用して、すべてがFirefoxとIE9でうまくいきます。自動モードでスライダーをスライドさせたり、スライダーを矢印で制御したりしても、丸みを帯びた角が維持されていることがわかります。

ただし、クロム/サファリでは、トランジション中に丸みを帯びた角が消えます。

外側の div ラッパーに丸みを帯びた角 (border-radius、-webkit-border-radius など) を与えることに加えて、ネストされた ul、li、a、および img 要素に丸みを帯びた角を適用して、そうなるかどうかを確認しました。動作しますが、まだ解決策はありません。

私は css3pie も使用しています。いくつかのテストの後、これが chrome/safari で発生する問題の原因ではないと結論付けました。

誰でもこれについて経験があるか、正しい方向に私を案内していただければ幸いです。

ありがとう!

0 投票する
1 に答える
799 参照

css - IE8 の 3D ボタン

css3pie を使用して、IE8 と IE7 でより多くの css 宣言を認識できるようにしています。これにより、サイトで背景のグラデーションなどをより簡単に使用できます。しかし、css3pie がインセット シャドウの box-shadow スタイルをサポートしていないことがわかりました。次のように、サイトのボタンとインターフェイス要素を 3D に見せるためにボックス シャドウを使用しているため、これは問題です。

これは、実際のサイトの検索バーの jsfiddleです。すべてのcssを入れているわけではありませんが、重要なのは検索バーの背景+枠、検索ボタンの背景+枠+ホバー効果です。

ここにhtml + cssがあります:

私がする必要があるのは、どういうわけかbox-shadow構文を別のものに置き換えることです。何を使えばいいですか?私はCSS + Web開発にかなり慣れていないので、利用できるオプションがよくわかりません。あるいは、問題全体に対して取るべき別のアプローチはありますか?

0 投票する
1 に答える
1406 参照

javascript - オーバーフロー: IE8 で css3pie を使用して丸みを帯びた境界線を非表示にしますか?

私はこのHTMLを持っています:

そしてCSS:

の src はimg、javascript でプログラムによって設定されます。

img、それを含む div の幅に設定されます。ie9、firefox、chrome などでは、これにより画像の境界線が丸くなります (画像の角が境界線の外側にあるためoverflow:hidden;) 。

IE8 では、画像の境界線が丸くなりません。border-radius プロパティが有効になります (そうすると画像の後ろに表示されますborder: solid black 1px;) が、画像の境界線の外側の部分は隠されません。

css、css3pie、javascriptなどを使用してこれを回避する方法はありますか? それとも IE8 でこれを達成することはできませんか?

0 投票する
3 に答える
193 参照

css - クラスを使用して特定のバージョンの IE で CSS3Pie を実行しない賢い方法はありますか?

特定のクラスの ie7 で css3pie を実行しないようにしようとしています。HTML5 ボイラープレートを使用して、使用する IE 固有のクラスを提供しています。私がやろうとしてきたことはこれです

しかし、これは機能していないようです。css3pie はまだ処理中です。

css3pie の修正を実行しないようにするには、他に何ができるか、誰にもわかりませんか?