IE下显示div区域 - ITeye问答

0 0

IE下显示div区域10

在一个页面中，有两个div层，最底下的div层是一个图片，在图片上又加了一个div层，上层的这个div层中什么东西都没有放，
现在是要在上层这个div上加一个onclick事件，点击这个区域后执行一段js代码，但是在ie不起作用，火狐没有问题，如果在这个区域中加个文字或者图片之类就没有问题，不知道怎么解决，先谢谢了，代码如下：

<div style="width:500px;height:500px;position:absolute;z-index:1;">
    <img src="/images/tz_s3.gif" width="500" height="500" style="border:1px #FFFFFF   solid;"/>
</div>
<div onclick="alert('aaaaaaaaaa');" style="position:absolute;z-index:2;width:215px;height:120px;top:55px;left:146px;border:1px solid red;">
				
</div>

CSS

2008年7月04日 11:27

linxiao
20
0 0 1

3个答案按时间排序按投票排序

0 0

我的代码MAP标签忘记写结束标签了...
楼主不要介意...

2008年7月04日 12:28

ham
1351
0 0 1

添加评论

0 0

这个解决方法有很多,我这里有个另类的

<div onclick="alert('aaaaaaaaaa');" style="position:absolute;z-index:12;top:55px;left:146px;border-width:120px 215px 0px 0px;border-style:solid ;border-color:red;"></div>

上面的border-color:red;是为了看的清楚,可以改成border-color:transparent.

2008年7月04日 12:06

achun
389
0 0 4

添加评论

0 0

楼主是要实现在图片上的某一块区域上点击之后,执行相应的事件,实现类似于地图的效果吧.
如果是这样建议,楼主看一下<MAP>标签和<AREA>标签.用起来效果不错,很方便.

写个例子楼主看一下吧.

<html>
<body>
<!--这就是一个图片了,它使用的是name为myMap的图象映射-->
<img src="http://www.iteye.com/upload/logo/user/25887/bf79bf9b-6ff3-3cb8-8ee2-19583eb21989.jpg?1212063778" usemap="#myMap" />

<MAP name="myMap">
<!--构建一块区域shape="rect"说明区域为矩形,coords是说这块矩形的大小,四个属性分别为X,Y,width,height.这里的x与y是相对于图片的.-->
<AREA SHAPE="rect" COORDS="0,0,15,15" onclick="alert('欢迎进入ham的博客');location.href='http://ham.iteye.com'" />
</body>
</html>

个人觉得用MAP实现,实现的手段简单.功能也比div更强大.

2008年7月04日 11:58

ham
1351
0 0 1