JS控制div显示/隐藏以及div背景透明度问题 20
想实现div的显示，隐藏以及div背景透明度功能，但是在很多的浏览器版本下测试不能实现这些功能，比如：在IE8下是可以的，在IE11下就都不好用了。请各位高手帮忙完善一下...
想实现div的显示，隐藏以及div背景透明度功能，但是在很多的浏览器版本下测试不能实现这些功能，比如：在IE8下是可以的，在IE11下就都不好用了。请各位高手帮忙完善一下，代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试div</title>
</head>
<body bgcolor="#EAEAEA" leftmargin="0" topmargin="0">
<script type="text/javascript">
var jm=null;
function a(m)
{
if(jm) jm.style.visibility="hidden";
m.style.visibility="visible";
m.style.top=event.y+40+document.body.scrollTop;
m.style.left=event.x+9+document.body.scrollLeft;
jm=m;
event.cancelBubble=true;
}
document.onmousedown=docMouseDown;
function docMouseDown()
{
if(jm) jm.style.visibility="hidden";
}
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" ><a href="#" onMouseDown="if(event.button==1) a(m1);" title="测试1">test1</a></td>
</tr>
</table>
<div onMouseDown="event.cancelBubble=true;" id="m1" style="filter:Alpha(Opacity=90,Finishopacity=90,style=1);z-index:100; border:0px solid #000000; background-color:#FFFFCC; font-size:12px; position:absolute; height:99px; width:170px; overflow:auto; padding-top:2px; padding-left:2px; padding-right:2px; visibility:hidden;">
<a>测试1:</a>
<br/>
<a href=#>测试1-1</a>
<br/>
<a href=#>测试1-2</a>
<br/>
<a href=#>测试1-3</a>
</div>
</body>
</html> 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试div</title>
</head>
<body bgcolor="#EAEAEA" leftmargin="0" topmargin="0">
<script type="text/javascript">
var jm=null;
function a(m)
{
if(jm) jm.style.visibility="hidden";
m.style.visibility="visible";
m.style.top=event.y+40+document.body.scrollTop;
m.style.left=event.x+9+document.body.scrollLeft;
jm=m;
event.cancelBubble=true;
}
document.onmousedown=docMouseDown;
function docMouseDown()
{
if(jm) jm.style.visibility="hidden";
}
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" ><a href="#" onMouseDown="if(event.button==1) a(m1);" title="测试1">test1</a></td>
</tr>
</table>
<div onMouseDown="event.cancelBubble=true;" id="m1" style="filter:Alpha(Opacity=90,Finishopacity=90,style=1);z-index:100; border:0px solid #000000; background-color:#FFFFCC; font-size:12px; position:absolute; height:99px; width:170px; overflow:auto; padding-top:2px; padding-left:2px; padding-right:2px; visibility:hidden;">
<a>测试1:</a>
<br/>
<a href=#>测试1-1</a>
<br/>
<a href=#>测试1-2</a>
<br/>
<a href=#>测试1-3</a>
</div>
</body>
</html> 展开
展开全部
display:none; 显示与隐藏。
filter:alpha(opacity:30);opacity:0.3;透明！
filter:alpha(opacity:30);opacity:0.3;透明！
更多追问追答
追问
关于display:none;有完整的代码或实例吗？。而关于filter:alpha(opacity:30);opacity:0.3;还是不行，关键是IE11不兼容filter属性呀
追答
function a(m1)
{
document.getElementById(m1).style.display=none;// 这点。传递进来之后。需要用这个找到ID属于这个的元素！
document.getElementById(m1).style.background-color="rgba(0,0,0,0.5)"; //你试试这个设置透明度！
}
在CSS中。有这样的background-color: rgba(红，绿，蓝，透明度);
干脆我给你一个例子。是我做弹出层 实现的登录窗口。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery 比较方便
直接点击事件给hidden 或者show 以及opacity 即可
不懂可以加我860902982
直接点击事件给hidden 或者show 以及opacity 即可
不懂可以加我860902982
追问
我是想做一个在图片热区上点击显示一个div下拉菜单，然后热区外随便点击后div隐藏掉（图片上的每个热区都可以这样实现）。
我贴出来的这些代码，在IE8里都是好用的，但在IE11里就不灵了。
能否给出完整的实例代码，实现我的这些功能？而且IE下的完整兼容性。谢谢！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
