整个图像不充当链接 Dreamweaver
我在 Dreamweaver 中创建的一些链接有问题；我通过将网址放入 Dreamweaver 中的链接字段来创建这些链接。
但是当我在浏览器中预览时，整个图像不会变成链接，只有底部的部分会变成链接。因此，当我将鼠标悬停在图像上时，只有在图像的最底部它才变成一只手。
该页面的代码在这里 http://jsfiddle.net/BGpu8/ ，存在此问题的链接是页面底部 - Facebook、Twitter 等。
任何关于为什么会发生这种情况的想法将不胜感激！先感谢您！
I am having a problem with some links I have made in Dreamweaver; I have made these links by putting the web address onto the link field in Dreamweaver.
But when I preview in browser the whole image does not turn into a link, only the bottom part of it does. So when I hover my mouse over the image, only at the very bottom of the image it turns into a hand.
The code for the page is here http://jsfiddle.net/BGpu8/ and the links with this problem are at the bottom of the page - Facebook, Twitter etc.
Any ideas on why this is happening would be much appreciated! Thank you in advance!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
它确实应该像这样标记：
将锚点和图像等内联元素放入段落等块级元素内。在 DreamWeaver 生成的代码中，它有两次锚点和其他问题。如果您有时间，您应该听取其他海报的建议并尝试亲自学习。
It should really be marked up like this:
Put inline elements like anchors and images inside block level elements like paragraphs. In the DreamWeaver generated code it had the anchor in there twice and other wonkiness. If you have time you should take some of the other posters advice and try to learn by hand.
请检查您是否错过了提供“display:block;” css 属性添加到您的锚标记。
please check if you missed to provide "display:block;" css property to your anchor tag.
尝试这样的代码，
以及相应的CSS：
.fbIcon{
背景：url(你的图片url);
高度：xx 像素；
宽度：xx 像素；
}
.fbIcon a{
显示：块；
现在
它可以工作了！
try to code like this,
and corresponding CSS as:
.fbIcon{
background:url(ur image url);
height:xx px;
width: xx px;
}
.fbIcon a{
display:block;
}
Now it shud work!