‹‹ 上一主题 | 下一主题 ››
发新话题
打印

[讨论] 文字链和图片链上盖了一个带PNG透明图的层.怎么让链接有效?

wndy1214 [楼主]

新手上路

帖子
19 
体力
6  
威望
0  
1# 大 中 小 发表于 2008-6-24 10:38 


 提示：您可以先修改部分代码再运行
谢谢各位,PNG图片在IE6中不透明的效果已解决,在这里就不讨论了!

[ 本帖最后由 wndy1214 于 2008-6-24 10:57 编辑 ]
上官洪洲

TOP

yoom

中级会员

帖子
199 
体力
204  
威望
0  
当前
四川 成都

专长 前端制作,JS
2# 大 中 小 发表于 2008-6-24 10:44 
思路是这样
<style type="text/css">
a{position:revative;}
a img{position:absolute;left:0;top:0;}
</style>
....
<a href="#setup.exe">Download<img src="123.png" /></a>
web的前端

TOP

wndy1214 [楼主]

新手上路

帖子
19 
体力
6  
威望
0  
3# 大 中 小 发表于 2008-6-24 10:55 
谢谢 yoom;
可能是我表达的不清楚,那个PNG图是盖在上面的一个装饰图(红绸布),图片链接在下面,是另一张GIF图.具体效果可以浏览一下帖子中的代码。
thanks!
上官洪洲

TOP

wndy1214 [楼主]

新手上路

帖子
19 
体力
6  
威望
0  
4# 大 中 小 发表于 2008-6-24 11:19 
顶起！在线等高手们来解答！
上官洪洲

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
MagicYY

高级会员

帖子
400 
体力
631  
威望
0  
5# 大 中 小 发表于 2008-6-24 12:52 
无解，你自己都说了在文字上面覆盖了东西

TOP

wndy1214 [楼主]

新手上路

帖子
19 
体力
6  
威望
0  
6# 大 中 小 发表于 2008-6-24 12:58 
真的无解啊？
但是上面的覆盖的是透明的PNG啊
上官洪洲

TOP

majer

高级会员

帖子
348 
体力
709  
威望
0  
当前
福建 泉州
离线
6 天

专长 网页设计,前端制作,UE
7# 大 中 小 发表于 2008-6-24 13:11 
把a的用position: absolute;提到最上面。

TOP

wndy1214 [楼主]

新手上路

帖子
19 
体力
6  
威望
0  
8# 大 中 小 发表于 2008-6-24 13:52 
good!谢谢楼上的！
上官洪洲

TOP

MagicYY

高级会员

帖子
400 
体力
631  
威望
0  
9# 大 中 小 发表于 2008-6-25 07:43 
引用:
原帖由 majer 于 2008-6-24 13:11 发表
把a的用position: absolute;提到最上面。
那就不是图片覆盖在上面了，而是图片做背景

TOP

Amyni

初级会员

帖子
92 
体力
197  
威望
0  
当前
北京 海淀区
离线
19 天
10# 大 中 小 发表于 2008-6-25 11:44 
将a的也设置为绝对定位以后,再设置a的z序就可以了,代码在下面:

 提示：您可以先修改部分代码再运行
这样的话就看不到纯文本了,只看到图片提供的下载链接,可这正是你想要的效果对不?
思路就是,将两个图片都绝对定位,接着设置有链接的一个z序高一些,使它高于其它.我好奇的是png在ie6下不透明的问题,楼主是怎么解决的?

[ 本帖最后由 Amyni 于 2008-6-25 11:58 编辑 ]

TOP

Amyni

初级会员

帖子
92 
体力
197  
威望
0  
当前
北京 海淀区
离线
19 天
11# 大 中 小 发表于 2008-6-25 12:00 
测试过啦,在ie6,ff2,ff3,Safari上都没有问题~

TOP

ghostlzy

新手上路

帖子
4 
体力
4  
威望
0  
12# 大 中 小 发表于 2008-6-26 01:53 
呵呵
相当于你隔着块玻璃去拿橱窗里的东西。你能够着？

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题