ホームページ >ウェブフロントエンド >htmlチュートリアル >JQueryマスクlayer_html/css_WEB-ITnose
JQueryマスクlayer_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:03:571376ブラウズ
1. スタイルは次のように設定されています:
<style type="text/css"> .mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity:0.5; -moz-opacity:0.5; }</style> その中で、opacity:0.5 は Firefox に適しています。 Firefox および IE で実行でき、すべて使用できます。
2. レイヤーの高さと幅を指定します。
<script type="text/javascript"> //兼容火狐、IE8 function showMask(){ $("#mask").css("height",$(document).height()); $("#mask").css("width",$(document).width()); $("#mask").show(); }</script> 3. 次のコードを に追加すると、効果が確認できます。
<div id="mask" class="mask"></div><a href="javascript:;" onclick="showMask()" >点我显示遮罩层</a><br />
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。