HTML＆amp; CSS可点击的背景图像

Question

我到处搜索，看看如何将背景图像编码成可点击的链接。我找到了几个我的问题的答案，但没有一个工作！帮助！

Answer 1

您可以尝试使用以下CSS技巧实现此目的：

正常创建标记并为其指定ID。您需要自定义css。

<a href="#" title="your title" id="clickable-background">Clickable Background</a>

现在#clickable-background div的自定义css：

#clickable-background {
background-image:url(your-image-path);
background-size: 100% 100%;
display:block;
position: relative;
height: 100%;
overflow:hidden;
text-indent:100%;
white-space: nowrap;
}

别忘了添加 * { margin: 0; padding: 0; }给你的css。

试一试，看看它是否符合您的要求。不要忘记编辑你的图像路径。