图像未显示或链接无效的 CSS 显示 block

Question

几天来我一直在尝试获取背景图片和链接以显示在我的网站上。但是，当我设置背景图像显示时:无，图像消失，但链接有效。如果我设置 background-image display:block，图像会出现，但链接不起作用。

这是页面的链接...如果您滚动到底部，会看到 3 张空白的图像。它实际上在那里，但是当我放置 display:block 时，它只是不可见:

CSS

background-image: url("bali-villas-mobile.jpg");
background-position: 50% center;
background-repeat: no-repeat;
background-size: 100% auto;
border-radius: 3px !important;
display: block;
height: 200px;
margin-bottom: 1rem;
max-width: 100%;

HTML

<div class="hc_m_content_a">
<a class="hc_m_content_a" style="font-size:16px; color:#222324;" href="http://www.google.com"></a>
</div>

任何帮助将不胜感激

谢谢

Answer 1

您的 HTML:

<a class="hc_m_content_a" href="#" alt="Image or Page name"></a>

添加或更改您的 CSS:

background-size: cover;
width: 350px; /*or something*/

如果这不起作用，则出现其他问题，我在移动设备上，因此无法检查您的链接。