js关于一个效果放大镜的效果显示问题

Answer 1

重新排了下div,不过还是不行

body{margin:0;padding:0;}
#div1 { 
width: 600px; 
height: 200px; 
padding: 5px; 
margin:0px auto;
position: relative;
}
#div1 .small_pic { 
width: 200px; 
height: 200px; 
background: #eee; 
position: relative; 
float:left;
display:inline;
overflow:hidden;
}
#div1 .float_layer { 
width: 100px; 
height: 100px; 
border: 1px solid #000; 
background: #fff; 
filter: alpha(opacity: 30); 
opacity: 0.3;
position: absolute; 
top: 0; 
left: 0; 
display:none; 
}
#div1 .mark {
width:100%; 
height:100%; 
position:absolute; 
z-index:2; 
left:0px; 
top:0px; 
background:red; 
filter:alpha(opacity:0); 
opacity:0;
}
#div1 .big_pic { 
width:250px; 
height:250px; 
overflow:hidden; 
border:2px solid #CCC; 
display:none;
position:relative;
    float:left;
}
#div1 .big_pic img{
top:0;
left:0;
position:absolute;
}

Answer 2

我仔细看了下，你把最外层的 #div1 的position设置为relative，而这个 #div1 里面包含有两个 div：分别是class为 small_pic 和 class为 big_pic 的div，你把small_pic 的position 设置为relative，而big_pic 的position 设置为absolute，你设置的这个让人看不懂啊，太乱了。如果你想让 small_pic 和 big_pic 相对于 #div1进行定位，那应该先把 #div1 的position 值设置为 absolute，再把 small_pic 和 big_pic 的position 值设置为 relative。还有我把你的代码复制下来在浏览器中试了下，你说的oMark这东东根本就没有显示啊，我还是加了两个字才显示的。看下图：

Answer 3

oMark.onclick 这个是点击 那个style我写错了

Answer 4

你这上面根本就没有点击的东西，就只有两张图片，再说了，js代码不是包含在script标签中吗？