html - 有人能弄清楚为什么我的 h1 h2 和按钮在第三张幻灯片上比其他幻灯片低吗？

Question

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

我认为第三张幻灯片(Gumdrop，一只眼睛的猫的幻灯片)的 CSS 没有什么不同。

相关的 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...