徽标边距可点击

我希望我的徽标对齐到中心位置，并且可以在边距之外点击而不使用html img标签 - 使用css background-image或删除右键单击>查看图像。徽标边距可点击

谢谢。

解决

2012-07-27 vlady

看起来它已经这样做对我 – Andy 2012-07-27 08:44:02

检查任何像样的网站的标志，看看它是如何做。尝试使用stackoverflow本身。 – 2012-07-27 08:44:24

为什么你要“删除右键点击>查看图像”？这不会阻止人们能够保存你的标志（事实上，有*没有*的方式来阻止） – Gareth 2012-07-27 08:46:30

你真的应该使用img标签。但是，如果你不想因为某些原因：

我已经完全删除div和只是用THA a标签标识显示。

2012-07-27 08:46:41 PeeHaa

非常简单，谢谢:) – vlady 2012-07-27 08:48:18

只需使用一个img元素。这对于可访问性目的来说更好。

例如，如果有人在未启用CSS的情况下查看您的页面，他们将能够看到您的徽标，如果它是img，但不是如果它是background-image。

但是，如果你想使用一个background-image，我会建议使用div具有固定的高度和宽度图像相匹配。

然后，在div内放置一个a元素，使其具有与div相同的尺寸。

您在a内嵌套的方式div无效的HTML。

2012-07-27 08:45:23 Curt

它对HTML5有效，虽然 – PeeHaa 2012-07-27 08:47:42

@PeeHaa将一个块元素放在一个内联元素中是有效的HTML5？请提供参考 – Curt 2012-07-27 08:48:34

我解决了这个问题，谢谢你的贡献:) – vlady 2012-07-27 08:48:57

尝试这个例子，看看它是否是你在找什么：

2012-07-27 08:52:29

我们希望徽标边距不可点击。现在问题已解决，谢谢。 – vlady 2012-07-27 08:54:53

啊。从你最初的问题中，我读到它是可点击的。只是我误解你的英语。很高兴你有一个解决方案。 – 2012-07-27 09:11:30

回答