css フラグメント_html/css_WEB-ITnose

1.

IE=edge は最新の IE カーネルの使用を強制することを意味し、chrome=1 は最新の IE カーネルの使用を強制することを意味します以下では、Chrome カーネル レンダリングの使用を優先します。

2.

デュアルコアブラウザの場合、上記の 3 つの値はページのデフォルトのレンダリング方法を表します。は、それぞれ Webkit カーネル、IE 互換カーネル、IE 標準カーネルを表します。

3.

Baidu のトランスコーディングはモバイル端末では禁止されています。 。

4.

対象リンクをたどる必要なし(seo)

5.background-size: cover;

ie8では表示できません全画面の背景、次の行を追加する必要があります:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod=scale, src=URL)

この背景にリンクを配置する場合、リンクはできませんクリックされる。一般的な解決策は、リンクまたはボタンにposition:relativeを追加して相対的にフローティングにすることです。

6. 透明度: opacity:0.5; filter:alpha(opacity=50);

7. テキスト自体のサイズが互換性がありません。解決策: すべてのテキストの行の高さを設定します。

8. float コンテナーの幅が定義されていない場合、ff の下のコンテンツはコンテナーの幅を可能な限り拡張し、ie の下ではコンテンツの折り返しが優先されます。したがって、中身が破裂する可能性があるフローティングコンテナは幅を定義する必要があります。

9.ダブルマージンのバグ。 IE6 でフローティング コンテナーの margin-left または margin-right を定義すると、実際の効果は値の 2 倍になります。解決策は、フローティング コンテナーに対して display:inline を定義することです。

10. 嚥下現象。 IE6のままでは、上下に2つのdivがあるのですが、上のdivには背景がないのに、下のdivにも背景があるのが飲み込み現象です。上記の背景の飲み込み現象に対応して、スクロール時に枠が欠ける現象もあります。解決策: ズーム:1 を使用します。

11.imgの下のスペース。 div 内の画像の下部がコンテナーの下部に近くありません。これは、img の後の空白文字が原因です。解決策: img の display:block を設定するか、書き込み方法を変更します。

12. フロートをクリア:

.fix{zoom:1;}

.fix:after{content:''; 表示:非表示:高さ:0;}

13. ie では、絶対レイヤー位置:absolute または相対レイヤー位置:relative に対して、overflow:hidden は無効です。解決策: 位置: 相対または位置: 絶対を overflow:hidden に追加します。