UC知道用css实现隐藏层的相互覆盖的效果，该怎么办？？？
来源：百度知道 编辑：UC知道 时间：2024/06/06 21:45:29
层bbb可以覆盖aaa，但是aaa却不能覆盖bbb，这可不行啊。怎么改动？？？
另外我还想实现默认状态下aaa层是显示的，但也可以被覆盖。鼠标划过时，也可以去覆盖其他层，该怎么办？？？
<html><head><title></title></head>
<body>
<span onMouseOver="document.all.bbb.style.visibility=''" >
1234567890</span>
<br/><br/><br/><br/>
<div id="bbb"
style="position:absolute;
left:45%;
top:45%;
width:300px;
height:100px;
background-color:red;
border:20px solid #000000;
visibility: hidden">
<a href="http://www.google.cn">abcd</a></div>
<span onMouseOver="document.all.aaa.style.visibility=''" >
1234567890</span>
<br/><br/><br/><br/>
<div id="aaa"
style="po
另外我还想实现默认状态下aaa层是显示的，但也可以被覆盖。鼠标划过时，也可以去覆盖其他层，该怎么办？？？
<html><head><title></title></head>
<body>
<span onMouseOver="document.all.bbb.style.visibility=''" >
1234567890</span>
<br/><br/><br/><br/>
<div id="bbb"
style="position:absolute;
left:45%;
top:45%;
width:300px;
height:100px;
background-color:red;
border:20px solid #000000;
visibility: hidden">
<a href="http://www.google.cn">abcd</a></div>
<span onMouseOver="document.all.aaa.style.visibility=''" >
1234567890</span>
<br/><br/><br/><br/>
<div id="aaa"
style="po
这种效果吧，用层的隐藏和显示实现的，并不是覆盖
<html><head>
<script>
function rzCC(s){
for(var exp=/-([a-z])/;
exp.test(s);
s=s.replace(exp,RegExp.$1.toUpperCase()));
return s;
}
function _setStyle(element, declaration) {
if (declaration.charAt(declaration.length-1)==';')
declaration = declaration.slice(0, -1);
var k, v;
var splitted = declaration.split(';');
for (var i=0, len=splitted.length; i<len; i++) {
k = rzCC(splitted[i].split(':')[0]);
v = splitted[i].split(':')[1];
eval("element.style."+k+"='"+v+"'");
}
}
</script>
<title></title></head>
<body>
<span onMouseOver="_setStyle( aaa , 'display:block');_setStyle( bbb , 'display:none');" >