ホームページ > ウェブフロントエンド > CSSチュートリアル > js_Experience 交換を行わない純粋な DIV/CSS カプレット フローティング広告コードと互換性のある複数のブラウザ

js_Experience 交換を行わない純粋な DIV/CSS カプレット フローティング広告コードと互換性のある複数のブラウザ

WBOY
リリース: 2016-05-16 12:06:42
オリジナル
1387 人が閲覧しました

純粋な DIV/CSS カプレット フローティング広告コード (JS なし)
ソース コード ネットワークの両側にフローティングします。テストの結果、IE6、IE7、Firefox ブラウザーと互換性があることがわかりました。

CSS コードは次のとおりです:

コードをコピー コードは次のとおりです。

.r1{幅:80px;高さ:80px;背景:赤;浮動小数点:右;
位置:固定!重要;トップ/**/:200px;
位置:絶対; z-index: 300; top:expression(offsetParent.scrollTop 200);right:20px;}
.r2{width:80px;height:80px;background:red;float:right;
position:fixed ! important; top/ **/: 300px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop 300);right:20px;}
.l1{width:80px;height:80px;background:赤;浮動小数点: 右;
位置:固定 !重要; トップ/**/:200px;
位置:絶対; z-index:300; トップ:式(offsetParent.scrollTop 200); 左:20px; }
.l2{幅:80px;高さ:80px;背景:赤;浮動小数点:右;
位置:固定!重要; トップ/**/:300px;
位置:絶対; z-index :400; top :expression(offsetParent.scrollTop 300);left:20px;}


ページ コードは次のとおりです:
コードをコピー spam> コードは次のとおりです。

js_Experience 交換を行わない純粋な DIV/CSS カプレット フローティング広告コードと互換性のある複数のブラウザ
js_Experience 交換を行わない純粋な DIV/CSS カプレット フローティング広告コードと互換性のある複数のブラウザ

js_Experience 交換を行わない純粋な DIV/CSS カプレット フローティング広告コードと互換性のある複数のブラウザ

js_Experience 交換を行わない純粋な DIV/CSS カプレット フローティング広告コードと互換性のある複数のブラウザ
div>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート