ホームページ > 記事 > ウェブフロントエンド > Web page_html/css_WEB-ITnose の片側にあるすべてのブラウザと互換性のある div を一時停止するために CSS によって実装されたコード
Web page_html/css_WEB-ITnose の片側にあるすべてのブラウザと互換性のある div を一時停止するために CSS によって実装されたコード
- WBOYオリジナル
- 2016-06-24 11:30:531101ブラウズ
すべてのブラウザと互換性があり、Web ページの片側で一時停止される CSS 実装の div コード:
Web ページの片側での固定停止の効果は、特に顧客サービス システムやアナウンス システムで非常に頻繁に使用されます。 CSS では、position:fixed 属性が提供されています。この機能は実現できますが、IE6 ブラウザではサポートされていません。IE6 のユーザーは少なくなってきていますが、それでもまだ使用しているユーザーがいます。互換性を確保するのが最善です。以下はすべてのブラウザと互換性のあるコードの例です。困っている友人のお役に立てれば幸いです。
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">* { padding:0; margin:0;}#fixedLayer { width:100px; line-height:50px; background:#FC6; border:1px solid #F90; position:fixed; right:10px; bottom:10px;}#content{ width:100px; height:1000px; margin:0px auto; background:red;}</style><!--[if lte IE 6]> <style type="text/css"> html { height:100%; overflow:hidden; } body { height:100%; overflow:auto; } #fixedLayer { position:absolute; } </style> <![endif]--></head><body><div id="content"></div><div id="fixedLayer">蚂蚁部落</div></body></html>
上記のコードは要件を満たしており、Web ページの横に div ブロックをフロートさせることができ、すべてのブラウザーと互換性があります。
関連書籍:
1.position属性については、CSSのposition属性の章を参照してください。
2.fba995dab578c8cafc3e3c6e0c8b592e CSS における fba995dab578c8cafc3e3c6e0c8b592e1b771f47d72d900ba74308aee59557f0 の役割に関する章を参照してください。発言。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=11581
詳細については、以下を参照してください: http://www.softwhy.com/divcss/