コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > ie6 ie7 ie8 ff互換の固定の書き方?_html/css_WEB-ITnose

ie6 ie7 ie8 ff互換の固定の書き方?_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:26:25
オリジナル
875 人が閲覧しました

ie6 ie7 ie8ff の修正方法を記述するには?


ディスカッションに返信 (解決策) 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>IE6 position:fixed</title><style type="text/css">* { margin:0; padding:0;}#content{ height:2000px; }#a{ position:fixed; bottom:0; right:0; width:200px; height:60px; background:#F00;}/*IE6 fixed bug*/* html{overflow:hidden;}* html body{height:100%;overflow:auto;}* html #a{position:absolute;right:18px;}</style></head><body><div id="content">IE6 position:fixed</div><div id="a">IE6 position:fixed</div></body></html>
ログイン後にコピー




または 

<!DOCTYPE HTML><html>	<head>		<meta charset="gb2312" />		<title></title>		<style>			body {				height:1200px;			}			.floatDIV {				width:100px; height:100px;				background:#ddd;								top:100px; right:10px;								/* not ie6 */				position:fixed;								/* ie6 */				_position:absolute;				_top:expression(documentElement.scrollTop + 100);			}			html {				_background:url(about:blank); /* 阻止闪动 in IE6,把空文件换成about:blank,减少请求 */			}		</style>			</head>	<body>		<div class="floatDIV">			123		</div>	</body></html>
ログイン後にコピー

IE6/IE7/IE8/IE9/Firefox/Chrome /Safari/O と互換性ありプレアブラウザFloating coderreee

http://www.9958.pw/post/css_position_fixed 個人テストに合格しました

関連ラベル：
ie6 ie7 ie8 ff兼容fixed的写法?
ソース：php.cn
前の記事：HTML ヘルプ ドキュメントのダウンロード アドレスを入力してください。 。 。 。ありがとう_html/css_WEB-ITnose 次の記事：Div_html/css_WEB-ITnose のコンテンツ レイアウトについて
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2154
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2303
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1943
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1817
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1868
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート