首页加载完,弹出位于页面中间的广告代码。 怎么才能使弹出的这个层背景是透明的,而里面的图片则是不变的。。我试过,好像不大可能,我实现的方法是,讲里面的图片另外弄一个层,然后将图片层的Z-INDEX设置的值比背景层大。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 看这个<html><head><title>测试弹出 </title><style><!--#bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=70);opacity:0.7; background:#000000; display:none;}.login{position:absolute;left:30%;top:20%; width:400px;height:300px;background:#FFFFFF;z-index:5000}--></style></head><body><script type="text/javascript">function show(obj){if(obj == 0){document.getElementById('login').style.display="none";document.getElementById('bg').style.display="none";}else{document.getElementById('login').style.display="block";document.getElementById('bg').style.display="block";}}</script><!--实现半透明--><div id="bg"> </div><a href="javascript:show('login')">登录 </a><div id="login" style="display:none" class="login"><form action="login.php">这里是登录窗口</form><a href="#" onclick="show('0')">登录 </a></div></body> 加了个图片进去<html><head><title>测试弹出</title><style><!--#bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=70);opacity:0.7; background:#000000; display:none;}.login{position:absolute;left:30%;top:20%; width:400px;height:300px;background:#FFFFFF;z-index:5000}--></style></head><body><script type="text/javascript">function show(obj){ if(obj == 0) { document.getElementById('login').style.display="none"; document.getElementById('bg').style.display="none"; } else { document.getElementById('login').style.display="block"; document.getElementById('bg').style.display="block"; }}</script><!--实现半透明--><div id="bg"></div><a href="javascript:show('login')">登录</a><div id="login" style="display:none" class="login"><img src="http://www.csdn.net/Images/logo_csdn.gif" border="0" /> </div></body> 我知道楼上的2位的效果是:当点登录的时候就让包含登录框的曾显示。。是不是?????见过有的网站这样弄过。不过我觉得没必要我知道怎么弄了:<div id="adv_1" style="width:350px; height:200px; display:none; position:absolute; left:0px; top:0px;"> <img src="pic/1.gif" border="0" width="350" height="200" /></div>只要把这个层里面的图片的背景设置为透明就可以了,FLASH也一样。 关于easyui datagrid的问题 求助,关于按时消失链接的问题 求将小写字母实时转换为大写的代码! 怎样使用js在table里添加tr和td 急!怎样判断表单有没有改动?? 请问JS URLEncode 参数 怎么使用! textarea问题 document.write有时会把页面中所有的其他内容全部清掉了,只留下它写的东西,为什么?如何避免 急!!!!!征求解决格式问题? 非常简单的问题,如果你懂javascript请讲一下! 表单验证的一个难题 常见排序算法 JS 版
<html>
<head>
<title>测试弹出 </title><style>
<!--
#bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=70);opacity:0.7; background:#000000; display:none;}
.login{position:absolute;left:30%;top:20%; width:400px;height:300px;background:#FFFFFF;z-index:5000}
-->
</style>
</head><body>
<script type="text/javascript">
function show(obj)
{
if(obj == 0)
{
document.getElementById('login').style.display="none";
document.getElementById('bg').style.display="none";
}
else
{
document.getElementById('login').style.display="block";
document.getElementById('bg').style.display="block";
}}</script>
<!--实现半透明-->
<div id="bg"> </div><a href="javascript:show('login')">登录 </a><div id="login" style="display:none" class="login">
<form action="login.php">
这里是登录窗口
</form>
<a href="#" onclick="show('0')">登录 </a>
</div></body>
<head>
<title>测试弹出</title><style>
<!--
#bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=70);opacity:0.7; background:#000000; display:none;}
.login{position:absolute;left:30%;top:20%; width:400px;height:300px;background:#FFFFFF;z-index:5000}
-->
</style>
</head><body>
<script type="text/javascript">
function show(obj)
{
if(obj == 0)
{
document.getElementById('login').style.display="none";
document.getElementById('bg').style.display="none";
}
else
{
document.getElementById('login').style.display="block";
document.getElementById('bg').style.display="block";
}}</script>
<!--实现半透明-->
<div id="bg"></div><a href="javascript:show('login')">登录</a><div id="login" style="display:none" class="login">
<img src="http://www.csdn.net/Images/logo_csdn.gif" border="0" />
</div></body>
见过有的网站这样弄过。不过我觉得没必要
我知道怎么弄了:
<div id="adv_1" style="width:350px; height:200px; display:none; position:absolute; left:0px; top:0px;"> <img src="pic/1.gif" border="0" width="350" height="200" /></div>
只要把这个层里面的图片的背景设置为透明就可以了,FLASH也一样。