ホームページ > 記事 > ウェブフロントエンド > IE_html/css_WEB-ITnose での DIV 部分マスキングの問題
IE_html/css_WEB-ITnose での DIV 部分マスキングの問題
- WBOYオリジナル
- 2016-06-21 09:40:531131ブラウズ
マスク絶対レイアウト 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?1d1530008cd4f0a5d44c53079450ae886
93f0f5c25f18dab9d176bd4f6de5d30e
bfc142688a30f81743af5068d817ee2516b28748ea4df4d9c2150843fecfba68
45dc3f2ae98ea2f0a31fb7afd3e4b525
fda62c1e585331fa83765861958ef4f7
f16b1740fad44fb09bfe928bcc527e08
73a6ac4ed44ffec12cee46588e518a5e 1 階: 外側の div の高さを記述する必要があります:
XML/HTML code?1dd60ccd318cfdb643b9593a365992bca
外側の DIV の高さを指定することはできません。テーブルのデータは動的に変化するため、外側の DIV の高さを固定することはできません
方法はありません。js を使用して行う必要があり、高さを指定する必要があります。
rree
<div id="wrap" style="width: 100%; position:relative;">
これが機能するかどうか見てみましょう?
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。