欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-18 23:52:17
...
本帖最后由 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,是直接用来承载超链接了。