我接管了一个用表格编码(看起来像 DW)的网站，一半用 typo3 CMS 编码，一半用硬编码。
无论如何，我的老板要求我将 Logo 设为可点击，以便从 Logo 显示的每个页面链接到主页。问题是 Logo 是构成页面三分之一的整个图像的一部分，因此链接整个图像是不可能的。
我不想重组和切片图像以将 Logo 与 BG 图像分开，那么是否可以仅在 Logo 上放置一个链接部分？
我想到了一个空的 div，它位于 Logo 部分之上，只有一个 100% 填充它的链接标签，这可能吗？它会起作用吗？网站在这里http://overbeckanalytics.com/typo3/menu-top/about-us.html ...您可以保存 BG 图像并看到它不仅仅是 Logo ...
请告诉我如何制作一个仅位于该图像上 Logo 之上的链接。
最佳答案
是<body>上的背景图片元素？如果是这样，这应该有效:
<body>
<a href="http://example.com/" id="logo_link">Example Company</a>
</body>
使用这个 CSS:
a#logo_link {
position: absolute;
display: block;
visibility: hidden;
left: 42px;
top: 42px;
width: 42px;
height: 42px;
}
注意 <a>标签需要直接在 <body> 内标签，否则位置可能不正确。它可以位于 body 标签中的任何位置，但可以在开头或结尾。
我还在链接中放置了公司名称，因为没有任何文本的链接是个坏主意。专为残障用户设计的浏览器无法理解空白链接，它可能会触发搜索引擎中的垃圾邮件算法。 visibility属性将使链接不可见，即使它仍然存在并且可以单击。
关于html - 仅在部分背景图片上放置一个 html 链接，typo3 站点。，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8100985/