ie6png修復条件はCSS3遷移アニメーションモーション曲線をハック

免責事項:この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
このリンク: https://blog.csdn.net/LXJRQJ/article/details/88949691

身体に注意を払うと同じページに表示することはできませんフレームワークのセットフレームセットを作成するために、フレームセットを使用します

フレームセットを使用するので、ページにはbodyタグを使用することはできません

属性:

フレーム、指定されたフレームセットのすべての行は、行ずつ配置されています

COLS、すべてのページがフレームセットの配置を指定しました

これらの2つの特性は、フレームセット、およびプロパティに占める各部分のサイズを指定する必要性を選択する必要があります

その内部フレームセットとiframe同じコンテンツが検索エンジンを取得されることはありません

ページへの検索エンジンはフレームページであれば、それは内部の内容を判断することではありません

フレームセットがページが独自のコンテンツ、他のページの唯一の導入を持つことができないことを意味し使用します

そして、私たちのそれぞれが、ブラウザが複数の要求を送信するために必要に数ページを紹介するリクエストを送信する必要があります、単一のページをロードするために、ユーザーエクスペリエンスが悪いです

あなたはフレームセットを使用しなければならない場合はインラインフレームを使用せずにお勧めします

高くないPNG24画像フォーマットのIE6のサポートにおいて、画像フォーマットがPNG24ある場合に、正しく表示されない透明になります

ソリューション:

1.あなたが代わりにPNG24をPNG8使用することができ、あなたが問題を解決することができますが、代わりにPNG24のPNG8を使用した後、画像のクリアな視界が低下します

2. JavaScriptを有効にして問題を解決し、ページに外部JavaScriptファイルを導入する必要があるし、問題に対処するための簡単なJSコードについて書くために

bodyタグの終わりに外部JSファイルの導入

次に、新しいスクリプトタグを作成し、いくつかのjsのコードを書きます

次のコードは、IE6で無効な他のブラウザを実行します

[もしIE 6]> <![endifの]

条件ハック

これは、IEブラウザでのみ有効である、他のブラウザではコメントとして認識されます

IE10と上記ブラウザは、もはやこのような方法でサポートされていません

あなたは、背景色を設定したいと仮定すると、IE6ブラウザで同じ効果を達成するために黄色と他のです

私は黄色の背景だけIE6で有効になります願っています

その後、パターンだけIE6とブラウザの下には、スタイルの前に認識することができ、アンダースコアを追加します。

*唯一のスタイルとIE7のブラウザは次のことを認める追加

最後に、スタイル\ 0、IE8のみと認識するように古いブラウザを追加

CSSハックの場合は、最後には使用しないようにしようではありません

唯一のIE6を識別することができセレクタ* htmlのセレクタの前に追加されます

トランジションアニメーション

その時点で、アニメーション、アニメーション、モーションプロファイル、遅延

遷移:境界半径500msの容易さ、幅500msのは、500msの高さ500msの容易さ1S、地色500ミリ秒1.5秒の緩和を容易にします。

CSS3丸い影の透明度

ボーダー左上半径:100pxには50px;楕円丸い左上

border-top-左半径:100ピクセル;

border-top-右半径:100ピクセル;左、完璧な円形フィレットの右上

境界半径:40ピクセル、角丸矩形40の曲率半径

境界半径:20%;最大200pxの20%、すなわち40ピクセル

色滲みの拡張サイズの水平オフセット、垂直オフセットサイズ

ボックスシャドウ:10pxの10pxの10pxの0PX #bfa。

水平垂直フェザリングオフセットオフセットか色むらの拡張されたサイズの大きさ

ボックスシャドウ:0PX 0PX 20ピクセル2ピクセルの赤のインセット。

30%の不透明度は、クリアテキストにも不透明である:0.3。

透明テキストの背景色透明ではなく、背景色:RGBA(255,215,0,0.3)。

透明ボーダーフレーム:2ピクセル固体RGBA(0,0,0,0.3)。

モーションカーブ

制服

トランジション:すべて1の直線。

真ん中にスロースタートとエンド加速

トランジション:すべて1やすさ。

突然の停止を終了するスロースタート、

トランジション:すべて1使いやすさで。

突然、スローの終わりに

トランジション:すべて1やすアウト。

スロースタートと終了

トランジション:すべて1は使いやすさでアウト。

ベッセル(ベジェ)曲線

遷移:すべて1立方ベジェ(0.250,0.250,0.750,0.750);匀速

そして、スプリング効果を超えて引き込ま

遷移:すべて1立方ベジェ(0.470、-0.485、0.460、1.435)。

おすすめ

転載: blog.csdn.net/LXJRQJ/article/details/88949691