不要在背景图像上绘制<hr />标记

Question

我有背景图片（小徽标），定义如下：

<style>
    body {
        background-image: url(icon.png);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 0 10%;
    }
</style>

在html页面中我有<hr>标签，当我向下滚动时，行（由hr标签定义）是在背景图像上绘制的，但是我需要绘制线条并在图像和线条重叠的线条上显示图像（因为背景图像是小徽标，它们只是部分重叠）。

Answer 1

hr {
    background-color: transparent;
    border: 0px;
}