Question

使用hr元素插入图像（使用background-image会不会有问题？

我正在寻找一个不错的语义选择，用于插入用作页面分隔符的英雄图像。我不想使用section，因为它实际上不是在分割内容。由于从技术上讲，它是标题内容的标题英雄，因此我可以将其添加到其下方的section的顶部……但是hr才是正确的。

一位同事提到，他们认为hr仅会在“某些”（未定义）浏览器中呈现其border-bottom，并且会忽略所有其他CSS属性，但是我在任何地方都没有看到该文档。

语义/技术思想？您曾经以这种方式使用过hr吗？

修改

这是我的使用方式：

<style>
    .hero_separator {
      display: block;
      border: none;
      height: 428px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
</style>
<hr class="hero_separator" style="background-image: url(<?= $background ?>);"/>

设置<hr />的背景图像，跨浏览器问题？

0 个答案: