18910140161

HTML-如何删除带有链接堆栈溢出的图像周围的不可见可点击区域

顺晟科技

2022-10-18 12:33:27

144

所以,我试着在我的网站上做一个页面,人们可以去那里找到如何联系我们,我通过添加一个他们可以联系我们的应用程序的图像,然后附加一个链接,这样他们就可以点击图像,它就会把他们带到那里。然而,链接似乎是随机展开的,所以你甚至不需要点击图片来获得链接,你只需要点击背景。这是我的HTML

<代码><;DIV类=";社交";>;<;a href=";https://discord.gg/"><;Li>;<;IMG SRC=";https://cdn.logojoy.com/wp-content/uploads/20210422095037/discord-mascot.png" alt=";不一致";类=";不和谐";>;<;/Li>;<;/a>;<;a href=";https://www.youtube.com"><;Li>;<;IMG SRC=";https://www.iconpacks.net/icons/2/free-youtube-logo-icon-2431-thumb.png" alt=";YouTube";类=";YT";>;<;/Li>;<;/a>;<;a href=";https://steamcommunity.com"><;Li>;<;IMG SRC=";https://logotyp.us/files/png/steam.png" alt=";蒸汽组";类=";蒸汽“ ”>;<;/Li>;<;/a>;<;/DIV>;

这是我的CSS

<代码>.Discord{左边距:自动;Margin-Right:自动;文本修饰:无;位置:相对;显示:Flex;顶部:400px;右:600px;}.yt{左边距:自动;Margin-Right:自动;文本修饰:无;位置:相对;显示:Flex;顶部:-80px;右:-575px;}.蒸汽{左边距:自动;Margin-Right:自动;文本修饰:无;位置:相对;显示:Flex;顶部:-655px;}

顺晟科技:

试着考虑一下这个:

可能会对你有帮助。

<代码><;头部>;<;style type=“ text/CSS ”>;.不和谐{左边距:自动;Margin-Right:自动;文本修饰:无;位置:相对;显示:Flex;顶部:400px;右:600px;}.yt{左边距:自动;Margin-Right:自动;文本修饰:无;位置:相对;显示:Flex;顶部:-80px;右:-575px;}.蒸汽{左边距:自动;Margin-Right:自动;文本修饰:无;位置:相对;显示:Flex;顶部:-655px;}<;/样式>;<;/标题>;<;身体>;<;DIV align=“ center ” style=" top:50%;位置:相对;>;<;a href=“ https://discord.gg/”>;<;IMG SRC=“ https://cdn.logojoy.com/wp-content/uploads/20210422095037/discord-mascot.png ” style=" width:400px;高度:300px;>;<;/a>;<;a href=“ https://steamcommunity.com ”>;<;IMG SRC=“ https://logotyp.us/files/png/steam.png ” style=" width:600px;高度:300px;>;<;/a>;<;a href=“ https://www.youtube.com ”>;<;IMG SRC=“ https://www.iconpacks.net/icons/2/free-youtube-logo-icon-2431-thumb.png ” style=" width:400px;高度:300px;>;<;/a>;<;/DIV>;<;/正文>;

实际产量

Actual Output

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航