首页 >web前端 >html教程 >急急急!棘手问题,关于背景图片,透明FLASH,超链接_html/css_WEB-ITnose

急急急!棘手问题,关于背景图片,透明FLASH,超链接_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:25:441296浏览

本帖最后由 zhaishang1 于 2013-12-16 09:07:25 编辑

我有三个DIV,设为FLOAT,并排显示,中间一个固定1280PX宽度,另外两边根据屏幕宽度剩余大小平均分配。
然后我给中间的DIV加入背景图片,旁边2个DIV同样加入背景图片,用来补充边边角角。最后我给中间的DIV插入透明FLASH。目前这些都已经完美实现。效果如下:

你可以看见顶部和中间都有透明FLASH的效果,这2个FLASH都是在中间的DIV里面。顶部是星星点点,中部是蝴蝶。
可是问题来了,我现在想给背景图片里这5个图标加上超链接。
如果没有这些FLASH的话,很容易,只要把中间的DIV变成IMG,再把这个IMG变成块级元素,最后利用MAP标签配合在IMG标签里面加上usemap就可以实现。但是我现在要保持这些FLASH,因为原来的情况,是中间是一个DIV,然后只是设置的background-image
而已。所以DIV里面还是可以放内容的,比如这两个FLASH。现在换成了IMG,是实打实的一个图片了,里面不能再放FLASH,再放只能被挤到下面去了。当然你或许会说给IMG加上background-image,这样不行,我试过。
何解?求高人

回复讨论(解决方案)

外层的div.position:relative
里面放一个 div.absolute 用这个div来承载可以点击的图片

不太懂,给赞一下!

外层的div.position:relative
里面放一个 div.absolute 用这个div来承载可以点击的图片
没错,在没看你的回复之前,我就已经解决了,但是和我的解决方案一模一样。
只不过那5个图标本来就已经是背景图片的一部分了,我在制作这个背景图片的时候就把图标放进去了。
所以最后新建的5个DIV,是直接用来承载超链接了。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn