有人能解释为什么我的h1 h2和按钮在第三张幻灯片上比其他幻灯片低吗

Question

用Firefox打开它。还不确定为什么它不能在IE或Chrome中正确打开。

我认为第三张幻灯片的CSS没有什么不同（Gumdrop，独眼猫的幻灯片）。

相关HTML:

<div class="slide" src="" data-image="../images/oneeyecat1.jpg" style="background-image: url(http://wholedesignstudios.com/wp-content/uploads/2013/05/hand-fandrop-1-lightroom-31.jpg); background-size: cover;            
                <div class="wrapper">
                    <div class="information easybring">
                        <h1>Gumdrop</h1>
                        <h2>Gumdrop was abused and neglected. She needs you. Visit her today.</h2>
                        <div class="button"><a onClick="_gaq.push(['_trackEvent', 'HompageSlider', 'cta', 'Fandrop']);" href="/work/fandrop">Discover More</a></div>
                    </div>
                </div>
            </div>

父div的相关CSS：

.information {
display: block;
float: none;
margin: 0 auto;
max-width: 1200px;
width: 100%;
}

h1 的相关CSS

.information h1{color:#fff;font-size:50px;text-shadow:0 1px 1px #555;margin-bottom:40px;}

抱歉，我还不能发布图片！

Answer 1

$ is not defined

在调用jquery库/插件之前，您必须包含jquery。。。

Answer 2

您的dropbox URL使用HTTPS（安全），然后从wholedesignstudios.com（非安全）加载一堆脚本。浏览器正在阻止非安全内容。

这是Chrome显示的消息：

[blocked] The page at https://dl.dropboxusercontent.com/u/189845951/cuddly%20critters%20v3%20redesign/html/index.html ran insecure content from http://wholedesignstudios.com/wp-content/themes/whole/_/js/slider.js.

InternetExplorer:

HTTPS security is compromised by http://wholedesignstudios.com/wp-content/themes/whole/_/js/slider.js

尝试将所有这些文件移动到您的dropbox文件夹中，以便从同一域加载所有资产。

Answer 3

以下是解决方案。

<div class="slide" src="" data-image="../images/doglick1.jpg" style="background-image:        url(wholedesignstudios.com/wp-content/uploads/2013/05/…); background-size: cover; display: block; background-position: center center;"> 

缺少显示和背景位置。谢谢你的光临！**