IE_html/css_WEB-ITnose での DIV 部分マスキングの問題
Jun 21, 2016 am 09:40 AMマスク絶対レイアウト 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 style="width: 100%;height:200px;position:relative ;" >
テーブルのデータは動的に変化するため、外側の DIV の高さを追加することはできず、外側の DIV の高さを固定することはできません
試してみましたが、DIV.background は DIV 全体をカバーしており、私のものはIE7で試してみました。
一番外側の DIV を絶対配置に変更します
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta charset= " utf-8" />
幅: 100%;
高さ: 100% ;
不透明度: 0.5;
フィルター: alpha(opacity=50);
背景: 黒;位置: 絶対
トップ: 0px;
左: 0px;
z-index: 2000;
</style>
uGround_di" クラス "背景" ></div>
<表幅="100%" >
<名前</th>
</table>
</html> 1 階: 外側の div の高さを記述する必要があります:
XML/HTML code?1<div style="width: 100%;height:200px;position :relative;">
外側の DIV の高さを指定することはできません。テーブルのデータは動的に変化するため、外側の DIV の高さを固定することはできません
方法はありません。js を使用して行う必要があり、高さを指定する必要があります。
rree
<div id="wrap" style="width: 100%; position:relative;">
これが機能するかどうか見てみましょう?
人気の記事
人気の記事
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7128
9
1534
14
1256
25
1205
29
1153
46
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
Mar 04, 2025 pm 12:32 PM
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
Mar 17, 2025 pm 12:27 PM
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
Mar 20, 2025 pm 06:05 PM
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
IFramesを使用することのセキュリティへの影響は何ですか？また、どのようにそれらを軽減できますか？
Mar 18, 2025 pm 02:51 PM
IFramesを使用することのセキュリティへの影響は何ですか？また、どのようにそれらを軽減できますか？
HTML5＆lt; meter＆gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素？
Mar 12, 2025 pm 04:08 PM
HTML5＆lt; meter＆gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素？
HTML5＆lt; time＆gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素？
Mar 12, 2025 pm 04:05 PM
HTML5＆lt; time＆gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素？
