html - 屏蔽背景图片，使其根据点击的位置链接到不同的页面

Question

我正在创建一个网站，因为我对 html 有点陌生，我希望我所有的主页都是背景图片，占据所有页面 - 上面有两个 Logo - 如果单击每个 Logo ，都会引导你到它各自的页面。

我知道您可以用方框/圆圈/多边形遮盖图片，然后单击图片的特定区域以转到链接，其他一些则用于其他链接，如本教程所示:http://www.tutorialspoint.com/html/html_image_links.htm

问题是，这需要您使用标签放入图片，而我是使用 css 代码完成的，因此我可以将其用作背景图片:

<style type="text/css"> html { background: url('wp-content/uploads/2013/07/main_menuu-1024x1024.jpg') no-repeat center center fixed; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } </style>

...我喜欢 [contain] 属性，因为它会自动调整所有 View 和设备中的图像大小，所以有解决方法吗？

提前致谢。

更新:

我的一位程序员 friend 告诉我“使用 anchor /显示 block /绝对位置使用 left %, top % 和 width height %是的你要做个屌丝并使用绝对定位 anchor 废话”

但他对此不是很清楚。

Answer 1

Jeff 和 roboonus 是对的。

如果您真的想要这样的东西，我建议您设置背景图片。并设置一个div，里面有一个链接。

这是一个例子JSFIDDLE

使用这种结构，您可以根据需要在页面上放置链接。