Question

我正在用HTML / CSS编写一个非常基本的页面，我想在div元素中放置一个背景图片，该图片是与URL的链接。我的代码可以在Safari（Mac）和Firefox中使用，但不能在Chrome中使用。

我绝对希望将使用style属性的背景图像直接放在标记中，因为它将是从数据库中恢复的图像。

我已经尝试过几次重新加载缓存，但是在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 extension类冲突。您需要禁用扩展名，或者可以尝试incognito mode。

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

这是解决方案：

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

Answer 2

我已经测试了您的代码，它可以在Firefox，Safari和Chrome中运行。

尝试在Chrome中使用隐身窗口，如果它可以正常工作，则可能是缓存问题。

背景图片未在Chrome中显示

2 个答案: