有时我们在做网页时把一些需要加链接的文字做到了图片中,并把图片设置成了背影。但又想让那个位置可以点击。
可不可以在那个图片中加个没有链接文字的链接(比如<a href="http://www.baidu.com"><a>)
通过设定这个链接的宽和高来实现链接的热点从而达到可以点击的目地呢,答案当然是可以的。
例:
以下为引用的内容: <style type="text/css"> #demo a{ display:block; width:100px; height:50px; } </style>
<div id="demo"><a href="www.baidu.com"></a></div> |
这个技巧的关键点在display:block,他的意思是应用此样式的标签以块的形式来展示。
并且通个这个技巧我们还可以实现很多漂亮的应用。