Question

我试图使用jQuery后台检查插件（http://www.kennethcachia.com/background-check/），但出于某种原因它似乎无法正常工作？

这是jsfiddle链接https://jsfiddle.net/n9o5jy4t/

＆＃13;

 BackgroundCheck.init({
     targets: '.checkbg'
 });

＆＃13;

#header_img_over {
    height: 100%;
    overflow: hidden;
    background: rgba(28, 28, 34, 0.9);
    filter: blur(20px);
    z-index: 2;
}
.header_bg {
    z-index: -10;
    position: absolute;
    overflow: hidden;
    height: 245px;
    min-height: 245px;
    top: 0;
    left: 0;
    width: 100%;
}
.header_bg img {
    width: 100%;
    margin: 0 auto;
    min-height: 300px;
}
/* The Background _Checked */
.checkbg.background--dark {
    color: white;
}

＆＃13;

<div id="blog_title">
    	<h2 class="checkbg">Test_title</h2>

</div>
<div id="header_img_over">
    <div class="header_bg">
        <img src="http://stylrs.com/v05/wp-content/uploads/2015/02/ML_Guildhall_TBL_0009-767x415.jpg">
    </div>
</div>

＆＃13;

Answer 1

由于交叉原因问题，我无法让它成为一个小提琴，这让我尝试了一下我的服务器。

您似乎被后台检查脚本强制将图像放在与网页相同的服务器中。以下是两个示例：the working one和the failing one。

正如你在源头上看到的那样，它们完全相同，但是对于图像网址。

希望有助于找到解决问题的方法：）

如何加载jQuery后台检查插件？

1 个答案: