Html 背景图像可点击&；反应敏捷的

试图使背景图像可点击。我使用以下代码：

作为html代码，并使用以下代码：

#range-logo {
    background-image:url(http://midwaycinema7.com/wp-content/uploads/2015/12/home-specialism-section-2.jpg);
    display:block;
    height:600px;
    width:1240px;
}

作为CSS代码

我能够实现使背景图像可点击，但图像重复，这不是我想要的。我希望图像是全屏的，不在任何

设备上重复（响应）

。实现这一点的代码将非常有用。提前谢谢

JSFiddle：

PS：尝试在wordpress上实现此功能。

请检查此链接：

#系列标志{
背景图片：url(http://midwaycinema7.com/wp-content/uploads/2015/12/home-specialism-section-2.jpg);
显示：块；
高度：500px；
文本缩进：-9999px；
宽度：613px；
}

请检查此链接：

#系列标志{
背景图片：url(http://midwaycinema7.com/wp-content/uploads/2015/12/home-specialism-section-2.jpg);
显示：块；
高度：500px；
文本缩进：-9999px；
宽度：613px；
}

---

此修复特定于此图像，因为它具有白色背景

#系列标志{
保证金：0自动；
背景图片：url(http://midwaycinema7.com/wp-content/uploads/2015/12/home-specialism-section-2.jpg);
背景重复：无重复；
背景尺寸：封面；
显示：块；
最大宽度：100vh；
高度：100vh；
宽度：1240px；
}

---

此修复特定于此图像，因为它具有白色背景

#系列标志{
保证金：0自动；
背景图片：url(http://midwaycinema7.com/wp-content/uploads/2015/12/home-specialism-section-2.jpg);
背景重复：无重复；
背景尺寸：封面；
显示：块；
最大宽度：100vh；
高度：100vh；
宽度：1240px；
}

---

您可以在背景图像上创建一个透明的悬停状态，然后在HTML中调用悬停状态的地方，您可以将其包装在锚定标记中

.hover-state {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    opacity: 0;
    padding:  0;
    transition: .5s ease;
    opacity: 0;
    @include respond ("altmax-1024") {
        opacity: .4;
    }
    &--transparent {
        background-color: transparent;
    }
}

.hover-state-item:hover .hover-state--transparent {
    opacity: 0;
}

---

您可以在背景图像上创建一个透明的悬停状态，然后在HTML中调用悬停状态的地方，您可以将其包装在锚定标记中

.hover-state {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    opacity: 0;
    padding:  0;
    transition: .5s ease;
    opacity: 0;
    @include respond ("altmax-1024") {
        opacity: .4;
    }
    &--transparent {
        background-color: transparent;
    }
}

.hover-state-item:hover .hover-state--transparent {
    opacity: 0;
}

---

尝试添加css代码“``后台重复：无重复；背景位置：中心；背景尺寸：封面```尝试添加css代码“``后台重复：无重复；背景位置：中心；背景尺寸：封面```