問題タブ [css3pie]

Firefox10でのみ実際にテストされたさまざまなCSS3スタイルを使用するWebサイトがあります。IE8で表示したときにネイティブにサポートされていないさまざまなCSSスタイルをシミュレートする方法が必要です。

• ボックスシャドウ
• テキストシャドウ
• 背景のグラデーション
• 丸い角
• 不透明度

css3pieを使用してみましたが、.htcファイルを含めると、不快な副作用が発生しました。IE8の要素にボックスシャドウと丸い角を追加できるjQueryプラグインがあることを知っているので、これらを条件付きコードブロック内で使用することを検討しています。

機能検出ではなくブラウザ検出を使用しているため、これはやや脆弱であることに気付きましたが、jQuery.supportを使用して角を丸める機能などの機能を検出する方法を見つけることができません。

次に、CSS3プロパティの一部（ボックスシャドウと丸い角）をシミュレートできるjQueryプラグインしか認識していませんが、背景のグラデーション、不透明度、テキストシャドウ用の他のプラグインはありますか？

最後に、私の目標を達成するためのまったく異なる方法がある場合は、別の方法を提案してください。

この投稿のタイトルは、路地裏のレースで細いフランネルのスカーフとして webdev-hipster と読みます。ごめん。

私はスクリプトの実行時最適化が得意ではないので、次の関数呼び出しの計算がどれほど悪いのか疑問に思っています。大規模なサイトでは実用的ではないことはわかっていますが、私がそれを使用したい場合、jQuery 呼び出しは半ダースのオブジェクトしか返さないため、ボリュームは多くありません。

みんな、ありがとう。

css3pie でカーブしたコーナーを適用しているコンテナーがあります。その要素内には、コンテナよりも広いテーブルがあります。これにより、コンテナーの下部にスクロール バーが表示されます。これは、私が期待するだけでなく、必要なものでもあります。問題は、コンテナに css3pie を適用した場合、クリックしてドラッグしてもスクロール バーがスクロールしないことです。両端の矢印をクリックするとスクロールするか、スクロール バーがないスペースをクリックするとその場所にジャンプします。そのため、スクロールバーをクリックしてドラッグするとスクロールしません。

コンテナのスクロール用のクラスのバハイバーをコメントアウトすると、再び機能します。css3pie を適用すると、javascript のスクロールが壊れます。動作のスクロールが機能するため、パイが有効になっているときにコンテナからクラスを削除すると。

また、コンテナ内の別の div 内にテーブルを配置しても、同じ結果が得られました。

私はIE9ドキュメントモードIE7で実行しています

この問題を修正する方法はありますか?

CSS3PIEがページの外側の影で機能するのに、IE8の写真の影では機能しない理由を1ページで理解することはできません。他のブラウザではすべて正常に動作します。

私は#page外部ページのdivと #facilities_maintable tr>td.column2 imgページコンテンツの写真に使用しています。

問題の説明

• ブラウザバージョン：IE 7のみ（または互換モード）
• ユースケース：スクロール可能なdivを含むPIE（http://css3pie.com）動作を使用した角の丸いボックス
• 問題：ドラッグハンドルを使用してスクロールできない

回避策

DIVの内容をリファクタリングできます。一部の構造では問題が発生し、一部では発生しません。これは一時的なものであるため、実際には実行可能なソリューションではありません。私は今問題を修正することができました、そして他の開発者が私がしたことを追加して再びそれを壊すかもしれません。

使用事例

単純なCSS3構造を使用し、IE 7および8でPIEの動作を使用するために、一連のポートレット（または青いヘッダーを持つ丸みを帯びたコーナーボックス）をリファクタリングしようとしています。古いコードは、背景画像を使用した複雑なHTML構造を使用していました。

サンプルコードから不要なHTMLとCSSをできるだけ削除しましたが、元々、ポートレットには「コンボボックス」のテーブルが含まれていました。コンボボックスは、ドロップダウンのように機能する入力ボックスです（オートコンプリートの提案を示すポップアップonclickを表示するトグルボタンがあります）。IE 7でポートレットHTMLを更新した後（コンテンツに触れていない場合）、スクロールハンドルをドラッグしたときにコンテンツをスクロールできなくなりました。

複製手順

• ソースコード：https ：//gist.github.com/1926652
• 実例： http： //www.codefactor.net/examples/scrollbarIssue.html

私はIE7,8の丸みを帯びたコーナーにpie.htc http://css3pie.com/を使用しています-最初のページロードでは問題なく動作します-しかし、他のコンテンツはAJAXリクエストでロードされます。

新しく読み込まれたコンテンツは、pie.htc をレンダリングしません。丸みを帯びた角は適用されません。

これを機能させるにはどうすればよいですか - AJAX で読み込まれたコンテンツにどのように適用できますか

よろしく！

ASP.NET 4.0 Web アプリケーションでhttp://css3pie.com/ライブラリを使用しているため、IE 6-9 で CSS3 装飾機能をレンダリングできます。IE9 は pie.htc ファイルをダウンロードしません (404 エラー)。IE8でOKです。私の IIS 7.5 Web サーバーでは、.htc の MIME タイプが text/x-component に設定されています。ご協力いただきありがとうございます。

CSS3 Pie は、CSS3 を IE でレンダリングするための優れたツールです。大好きです！しかし、Wordpress との統合はかなり難しいようです。状況は次のとおりです。

ページ テンプレートの HTML:

Function.php: ( http://www.position-relative.com/2011/04/using-css-pie-in-wordpress-themes-updated/から)

iePie.css:

実際、iePie.css ファイルが適用されます。たとえば、背景:#000; は働いている。しかし奇妙なことに、PIE.htc ファイルはそうではありません。

別の相対パスと絶対パスを試し、別の場所に PIE.htc をアップロードしました。

ウェブサイトはhttp://dennishunink.nl/ghana/wp/ (開発中)にあります。

うまくいけば、誰かが答えを持っています。すべての提案に非常に感謝しています!

私はcss3pieを使用してIE8のサポートを大幅に増やすWebページに取り組んでいます。このページには、「アップロード」ボタンと「ダウンロード」ボタンがあり、最新のブラウザで見栄えがします。

css3pieを使用するIE8では、見た目はほぼ同じです...（まだはめ込みシャドウがありません）または少なくとも以前はそうでした。Chromeを使用しながら多くの編集を行った後、IE8に戻って確認しました。大ミス。

それらの編集の途中で、私はcss3pieを壊し、それを修正するために考えられるすべてのことを試みましたが、私はそれを理解することができません...

それが機能したとき、ボタンが<div>タグではなく<span>タグに含まれていたことは何の価値もないかもしれません（私はそれを有効なHTMLにするために変更しました）が、元に戻すと<div>修正されません。

何が悪いのか、そして該当する場合は、将来それを回避する方法を知っていますか？

IE8の失敗：

それがいくらかどのように見えるべきか：

（上部の白いステーキと白いテキストの影は、css3pieが機能していてもレンダリングされません）

CSSコード：

私はオンライン サイトを持っています。それは ASP.NET で書かれた Web アプリです。表示されたサイトの HTML コードをコピーして html ファイルに配置し、ローカルホスト (Apache サーバー) で実行すると、すべて問題なく、CSS3PIE が正常に動作します。

問題は、サーバー上での動作が異なることです。最初はまったく機能せず、css に追加された pie.htc の動作を持つ要素が完全に消えるか、むしろ透明になったとしましょう。

position: relative;与えられた要素で問題が解決するというアドバイスに出くわしました。ある程度はできましたが、まったく満足のいくものではありませんでした。背景はまだ透明で、要素の一部が消え、ホバーすると他の要素が数ピクセルずつ横にジャンプしました。影は機能し、丸みを帯びた角も機能しましたが、グラデーションは機能しませんでした.