IE_html/css_WEB-ITnose での DIV 部分マスキングの問題-htmlチュートリアル-php.cn

IE_html/css_WEB-ITnose での DIV 部分マスキングの問題

WBOY

リリース： 2016-06-21 09:40:53

オリジナル

1161 人が閲覧しました

この投稿は、cao441219746 によって、2013-01-16 10:32:38 に最終編集されました

マスク絶対レイアウト IE マスク絶対レイアウト IE

私が達成したい効果は、マスクが Firefox や Chrome で単一の DIV をカバーすることです。 IE を除いて、どれも優れたサポートを備えています
ここで親 IDV の高さを指定することはできません

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>	<head>		<meta charset="utf-8" />		<title>Page Demos</title>	</head><style>.background { 	display: block; 	width: 100%; 	height: 100%; 	opacity: 0.1; 	filter: alpha(opacity=10); 	background:black; 	position: absolute; 	top: 0; 	left: 0; 	z-index: 2000; } </style><body>		<div style="width: 100%; position:relative;">		<div id="menuGround_di" class="background" ></div> 			<table width="100%" >				<th>姓名</th>				<th>电话号码</th>				<th>姓名</th>				<th>电话号码</th>				<th>时间</th>				<tbody id="movieList">					<tr><td colspan=100 style="color: red; font-weight: bolder;">无数据</td></tr>				</tbody>			</table>		</div></body></html>

ログイン後にコピー

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

外側の div は次のようにする必要があります。高さを書き込むには:

<div style="width: 100%;height:200px; position:relative;">

ログイン後にコピー

あなたのエフェクトを試しましたが、これがマスキングエフェクトではないことに驚きました。
2 番目の div にテーブルを含めることで効果を試すことができます

外側の div の高さを次のように記述する必要があります:
XML/HTML code?1

テーブルのデータは動的に変化するため、外側の DIV の高さを追加することはできず、外側の DIV の高さを固定することはできません

試してみましたが、DIV.background は DIV 全体をカバーしており、私のものはIE7で試してみました。

一番外側の DIV を絶対配置に変更します

幅: 100%;
高さ: 100% ;
不透明度: 0.5;
フィルター: alpha(opacity=50);
背景: 黒;位置: 絶対
トップ: 0px;
左: 0px;
z-index: 2000;

uGround_di" クラス "背景" >

<表幅="100%" >
<名前
電話番号名前 lt;tdcolspan =100 style="color: red; font-weight: baller;">データなし

1 階: 外側の div の高さを記述する必要があります:
XML/HTML code?1

外側の DIV の高さを指定することはできません。テーブルのデータは動的に変化するため、外側の DIV の高さを固定することはできません
方法はありません。js を使用して行う必要があり、高さを指定する必要があります。
rree

<div id="wrap" style="width: 100%; position:relative;">

ログイン後にコピー

これが機能するかどうか見てみましょう?