html - Chrome 中不显示背景图片

Question

我正在用 HTML/CSS 编写一个非常基本的页面，我想在 div 元素中放置一个背景图像，它是一个带有 URL 的链接。我的代码适用于 Safari (Mac) 和 Firefox，但不适用于 Chrome。

我绝对想将这个使用样式属性的背景图像直接放在标签中，因为它将是从数据库中恢复的图像。

我已经尝试重新加载缓存几次，但它在 Chrome 导航器中仍然不起作用。

我想解决方案是在 Chrome 中激活的参数，但我不知道是什么。

<div class="ad-title" style="background-image: url(https://lorempixel.com/1000/350/?46548);">
  <div class="container">
    <h1>Saepe enim omnis autem ex eum expedita voluptate.</h1>
      <p>Repudiandae vel laborum dicta. Et delectus reprehenderit et nostrum in dolores. Veniam natus sit quae nulla possimus quos.</p>
      <p class="h2">
        <strong>1 chambres</strong> pour <strong>101&euro;</strong> par nuit
      </p>
      <a href="#" class="btn btn-primary">Réserver</a>
  </div>
</div>

提前谢谢你。

Answer 1

ad-title 类与 Chrome AdBlock 扩展 类冲突。您需要禁用该扩展程序，或者您可以尝试使用隐身模式。

我刚刚将名称 ad-title 更改为 title 并且效果很好。

解决方法如下:

https://codepen.io/ydhiman20/pen/GadWZo