如何在HTML或CSS背景jpg上创建透明链接?

如何在HTML或CSS背景jpg上创建透明链接?,html,css,background,cross-browser,transparent,Html,Css,Background,Cross Browser,Transparent,我尝试过W3schools中列出的各种方法,在Google和S.O.以及其他任何地方,在这个jpg背景下似乎都不起作用。我想在图片的一部分上放置一个透明链接,这样它就可以点击了。我尝试的任何东西都会在jpg的底部,而不是上方。我在透明链接中使用了文字,这样我就可以看到它在哪里。请帮帮我,我在项目的这一部分浪费了太多的时间试图弄明白这一点。我需要在HTML或CSS,因为他们是我所知道的一切,所以我可以调整它,如果我需要 谢谢,本。你为什么不把图像包装在元素中呢。你不需要任何透明的东西。如果我理解正

我尝试过W3schools中列出的各种方法,在Google和S.O.以及其他任何地方,在这个jpg背景下似乎都不起作用。我想在图片的一部分上放置一个透明链接,这样它就可以点击了。我尝试的任何东西都会在jpg的底部,而不是上方。我在透明链接中使用了文字,这样我就可以看到它在哪里。请帮帮我,我在项目的这一部分浪费了太多的时间试图弄明白这一点。我需要在HTML或CSS,因为他们是我所知道的一切,所以我可以调整它,如果我需要


谢谢,本。

你为什么不把图像包装在
元素中呢。你不需要任何透明的东西。

如果我理解正确,你有一个.jpg文件设置为背景。背景的一部分,你想成为一个链接到一个单独的页面。由于.jpg被设置为背景,而且您只希望其中的一部分是链接,因此添加“a”标记不是您要寻找的解决方案

如果这是正确的,我建议创建一个空的div标记,并使用css使用边距将其设置在背景图像中希望成为链接的部分。你可能还需要给它一个特定的宽度和高度来覆盖这个区域


如果您没有将其设置为实际背景,但将其与普通img标记一起插入,则可以使用图像贴图并在.jpg上为链接指定坐标。w3schools有一个很好的章节:

你能给我们提供一些你正在使用的代码吗?查找float和z-index。