为什么＆lt; a＆gt;标签坐下来＆lt; img＆gt;在屏幕上（仅限Firefox 4 + Chrome！）
我不确定这是否是最新的Firefox和Chrome中的故障/怪癖，但我有一个
<img>
<a>
<img>
</img>
<a>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
a
{
text-decoration: none;
border: 1px solid #F00;
}
#testimg {
margin-left: 20%;
margin-bottom: 25px;
}
</style>
</head>
<body>
<div><a href="#"><img id="testimg" alt="" src="imgs/landing/popup_sendbtn.png" /></a></div>
</body>
</html>
没有找到相关结果
已邀请:
2 个回复
稍惮
下面的可点击区域是文本内容应该在元素中的位置。 如果您只想要图像区域可点击，请将设为相同的宽度和高度，使其为，并将边距移至。a { display: block; width: /* width of your image */; height: /* height of your image */; text-decoration: none; margin-left: 20%; margin-bottom: 25px; border: 1px solid #F00; }岭取