日期:2014-05-17  浏览次数:20425 次

请教一个超链接图片和文字的问题!
本帖最后由 snfeifie 于 2013-01-23 18:43:46 编辑
[img=http://]http://img.my.csdn.net/uploads/201301/23/1358934923_7747.jpg[/img]
他这个文字(Kostenvergleichsrechner  Vergleichen Sie die Heizkosten verschiedener Heizsysteme)和图片[img=http://]http://img.my.csdn.net/uploads/201301/23/1358935359_1269.jpg[/img]
是分开的,也就是说文字并没有直接画在图片上.整个图片是一个超链接。
看了下他的源码

<a href="kostenvergleichsrechner.html" style="background: url(typo3temp/pics/Box_Kostenvergleich_0e8a3874bd.jpg) left top no-repeat;"><span><span>Kostenvergleichsrechner</span>Vergleichen Sie die Heizkosten verschiedener Heizsysteme.</span></a>

是这样的。
但我直接使用上面的这段源码,怎么会无效呢?PS:图片地址液晶换成我自己的了。
哪位大哥指点下。

------解决方案--------------------
你这种写法不经常见到。通常实现这种效果的 是 <div class="main"><div class="img"><img></div><div class="text"><a>文字<a></div></div> 
用样式控制 文字落在图片上