Question

我已经尝试了几天来获取背景图片和链接以显示在我的网站上。但是，当我设置背景图像显示：无，图像消失，但链接工作。如果我设置了背景图像显示：阻止，则会显示图像，但链接不起作用。

这是页面的链接...如果滚动到底部，则有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*/

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

Answer 2

我在Fiddle的测试显示你的代码没有任何问题。

@Fiddle

＆＃13;

.hc_m_content_a {
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%;
}

＆＃13;

<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>

＆＃13;

CSS显示块未显示图像或链接无法正常工作

2 个答案: