JavaScript实现图片透明遮罩层展示效果

透明遮罩层图片展示实现

 <html> <head> <title>JavaScript Data Access Test</title>  <style> .alphaDiv{ z-index:100; width:100%; height:100%; opacity:0.5; background:#666666; top:0; left:0; position:absolute; filter:alpha(opacity=50); } .top-div{ z-index:101; border:1px solid #333; padding:2px; background:#eee; position:absolute; } a{ outline:none; } </style> </head> <body class="body"> <p>Click here to show the pic one.<br> Click here to show the pic two.<br>Click me </p> </body> </html> 

注意：引入外部JavaScript文件后，需要刷新页面才能执行相关代码。