几天来我一直在尝试获取背景图片和链接以显示在我的网站上。但是，当我设置背景图像显示时:无，图像消失，但链接有效。如果我设置 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>
任何帮助将不胜感激
谢谢
最佳答案
您的 HTML:
<a class="hc_m_content_a" href="#" alt="Image or Page name"></a>
添加或更改您的 CSS:
background-size: cover;
width: 350px; /*or something*/
如果这不起作用，则出现其他问题，我在移动设备上，因此无法检查您的链接。
关于图像未显示或链接无效的 CSS 显示 block ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33604642/